CSS 下拉说明

Question

谁能解释一下 CSS 下拉菜单的工作原理？

我见过很多，其中大部分都有 > 选择器，

我的问题是:

如何使用 > 选择器制作 CSS 下拉菜单？

我查阅了很多教程，但始终不明白 > 的作用以及它如何与 HTML 类\Id 连接。

有人可以部分地向我解释一下吗？谢谢。

Answer 1

用于选择直接 child 。

考虑以下标记

<div id="container">  
   <ul>  
      <li> List Item  
        <ul>  
           <li> Child </li>  
        </ul>  
      </li>  
      <li> List Item </li>  
      <li> List Item </li>  
      <li> List Item </li>  
   </ul>  
</div>  

#container > ul 的选择器将只针对 uls，它们是 div 的直接子级，id 为 容器。

例如，它不会以第一个 li 的子级 ul 为目标。

因此，使用子组合器具有性能优势。