تفاوت دو selector در css

**ctu9001** · 07-27-2011 06:00 AM

سلام
لطفا بفرماييد تفاوت اين دو selector در چيست وقتي كه يك بازدهي مساوي دارند:
div p
با
div>p
مرسي
البته از w3schools هم كمك گرفتم ولي باز هم متوجه فرقشون نشدم

**تبلیغات** · 07-27-2011 06:00 AM

**safajuy** · 07-27-2011 06:32 AM

منظورتون تفاوت بين پاراگراف و دايو هستش؟

**ctu9001** · 07-27-2011 06:47 AM

نه منظورم اينه كه اين دوتا selector كه در سي اس اس به كار ميرند چه فرقي با هم دارند وقتي كه خروجي يكسان مي دهند

**safajuy** · 07-27-2011 07:09 AM

منظورتون
Attribute Selector

هستش؟

**ctu9001** · 07-27-2011 07:26 AM

اين دو كد را مشاهده كنيد:
فرقشون با هم چيه؟ وقتي كه نتيجه يكسانه؟

کد:

<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>

**سعید** · 07-27-2011 08:02 AM

سلام.

هرچند این سوال مربوط به جوملا نیست، اما چون ممکنه در رابطه با قالبهای جوملا باشه :

نتیجه این دو همیشه یکسان نیست.

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>

یا علی