nav ul.subs > li {
السلام عليكم
ما هو عمل اشارة
في الكود اعلاه
حين تستخدم
nav ul.subs li {...}
جميع عناصر الـ li تحت ul.subs سيطبق عليها التنسيق ولو كانت من احفادها نزولا
أما حين تستخدم
nav ul.subs > li {...}
فأبناء العناصر ul.subs فقط هي ما سيطبق عليها التنسيق للتوضيح
<ul class="subs">
<li>A</li>
<li>B</li>
<li>
<ul>
<li>C</li>
</ul>
</li>
</ul>
بالطريقة الأولى سيطبق التنسيق على A و B و C
وبالثانية سيطبق التنسيق على A و B فقط
هذا يسمى direct child أي أنت تحدد كل العناصر التي تكون ضمن العنصر الأساسي مباشرة،
بمعنى باختيارك
nav ul > li
فسيتم التعديل على li المباشرين لي ul مثلا
<nav>
<ul>
<li></li> //يتم التعديل عليه
<li></li> //يتم التعديل عليه
<li>
<ul>
<li></li>//لا يتم التعديل عليه
</ul>
</li>
</ul>
</nav>
التعليقات