谁能解释一下 CSS 下拉菜单的工作原理?
我见过很多,其中大部分都有 > 选择器,
我的问题是:
如何使用 > 选择器制作 CSS 下拉菜单?
我查阅了很多教程,但始终不明白 > 的作用以及它如何与 HTML 类\Id 连接。
有人可以部分地向我解释一下吗? 谢谢。
最佳答案
用于选择直接 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
为目标。
因此,使用子组合器具有性能优势。
关于CSS 下拉说明,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12423793/