是什么意思“＆lt;”或“＆gt;”在CSS？

Question

我在下面看到代码css：

#nav .hover > a

是什么意思“＆gt;”或“＆lt;”在上面的代码？有人可以向我解释一下吗？ 谢谢。

Answer 1

>被称为 child selector 。 您接受a的直接孩子的所有#nav .hover。

不允许使用符号<，因为它不应被理解为“小于”或“大于”。

Answer 2

CSS中没有<。其中，>用于直接子选择器。

说，#nav .hover中有很多元素。考虑一下这个HTML：

<div id="nav">
  <div class="hover">
    <a href="#">Direct Link</a>
    <p><a href="#">Indirect Link</a> is this.</p>
  </div>
</div>

代码#nav .hover > a将仅选择直接链接。

如果您输入#nav .hover a之类的内容，则会选择#nav .hover下的所有链接。即，它将同时选择直接链接和间接链接。

Answer 3

它仅选择该元素的子元素。换句话说：

#menu li:hover > ul { display:block; }

会为<ul>内的任何<li>设置样式（例如下拉菜单）display:block