حين تستخدم

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>