سلام
لطفا بفرماييد تفاوت اين دو selector در چيست وقتي كه يك بازدهي مساوي دارند:
div p
با
div>p
مرسي
البته از w3schools هم كمك گرفتم ولي باز هم متوجه فرقشون نشدم
نمایش نسخه قابل چاپ
سلام
لطفا بفرماييد تفاوت اين دو selector در چيست وقتي كه يك بازدهي مساوي دارند:
div p
با
div>p
مرسي
البته از w3schools هم كمك گرفتم ولي باز هم متوجه فرقشون نشدم
منظورتون تفاوت بين پاراگراف و دايو هستش؟
نه منظورم اينه كه اين دوتا selector كه در سي اس اس به كار ميرند چه فرقي با هم دارند وقتي كه خروجي يكسان مي دهند
منظورتون
Attribute Selector
هستش؟
اين دو كد را مشاهده كنيد:
فرقشون با هم چيه؟ وقتي كه نتيجه يكسانه؟کد:<html>
<head>
<style type="text/css">
div>p
{
background-color:yellow;
}
</style>
</head>
<body>
<div>
<h2>My name is Donald</h2>
<p>I live in Duckburg.</p>
</div>
<p>My best friend is Mickey.</p>
</body>
</html>
کد:<html>
<head>
<style type="text/css">
div p
{
background-color:yellow;
}
</style>
</head>
<body>
<div>
<h2>My name is Donald</h2>
<p>I live in Duckburg.</p>
</div>
<p>My best friend is Mickey.</p>
</body>
</html>
سلام.
هرچند این سوال مربوط به جوملا نیست، اما چون ممکنه در رابطه با قالبهای جوملا باشه :
نتیجه این دو همیشه یکسان نیست.
div>span فقط به المان های span اعمال میشه که مستقیما فرزند div باشند (بدون واسطه دیگری) مثال:
به این کد اعمال میشه: <div><span>something</span></div>
به این کد اعمال نمیشه: <div><p><span>something</span></p></div>
اما div span به تمام المان های span اعمال میشه که بطور غیرمستقیم یا مستقیم فرزند div باشند.
به این کد اعمال میشه: <div><span>something</span></div>
به این کد هم اعمال میشه: <div><p><span>something</span></p></div>
برای درک تفاوت این دو، این کد رو داخل یک فایل با پسوند html ذخیره و در مرورگرتون تماشا کنید:
یا علیکد:<html>
<head>
<style>
div span { background: red;}
div>span { background: blue;}
</style>
</head>
<body>
<div>
<span> using div>span </span>
<p> <span> using div span </span> </p>
</div>
</body>
</html>