เทียบ descendant กับ child

<nav class="menu">
  <ul>
    <li>หน้าแรก</li>
    <li>
      บริการ
      <ul>
        <li>ซ่อม</li>
      </ul>
    </li>
  </ul>
</nav>

/* ทุก li ใน .menu รวมลูกซ้อน */
.menu li { color: #111; }

/* เฉพาะ li ลูกตรงของ ul ชั้นนอก — ขึ้นกับโครงจริง */
.menu > ul > li { font-weight: 600; }