如何定位与同一个层次结构中的其他元素共享其类名的元素？

Question

<div class="menu">
   <ul>
     <li>
       <ul class="sub-menu">
         <li>
           <ul class="sub-menu">
             <li></li>
           </ul>
         </li>
       </ul>
     </li>
   </ul>
</div>

[能否请您告诉我如何使用“子菜单”类仅将第一个ul元素作为目标？我知道的每个伪类都同时针对两个“子菜单” ul-s。

Answer 1

ul:not(.sub-menu) > li > .sub-menu {
  ...
}