2

可能重复：
CSS 规则中的“>”是什么意思？

CSS 有以下两种语法，它们似乎在做同样的事情。选择嵌套元素。

div span

div > span

我是否遗漏了什么，或者这两个确实是等效的选择器？

4

2 回答 2

10

不，它们不相等。第一个是后代选择器，而第二个是子选择器。

快速示例：

<div class="a">
  <div class="b">
    <div class="c"></div>
  </div>
</div>

使用此标记.a > .c将不选择任何内容，而.a .c将.a > .b > .c选择最里面的元素。

于 2012-05-21T13:10:29.493 回答
3 
div span

将选择任何 div 内的任何跨度。这可能是多个层次的深度。

div > span

只会选择任何作为 div 的直接后代的跨度。有关子选择器的更多信息-> http://meyerweb.com/eric/articles/webrev/200006b.html

于 2012-05-21T13:12:27.817 回答