css - CSS上的“<”或“>”是什么意思？

Question

我在下面看到代码css：

#nav .hover > a

上面代码中的“>”或“<”是什么意思？谁能给我解释一下？谢谢你。

Answer 1

>称为子选择器。你把所有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>s创建样式<li>（例如使用下拉菜单）display:block