CSS‘>选择器是什么？

Question

CSS‘>选择器是什么？我见过“伟大的”>)在CSS代码中使用过几次，但我不知道它是做什么的。是干什么的呢？

Answer 1

>选择所有直系后裔/子女

一个空间选择器将选择所有深的后代，而大于>选择器将只选择所有直接的后代。例如见小提琴。

div { border: 1px solid black; margin-bottom: 10px; }

.a b { color: red; } /* every John is red */

.b > b { color: blue; } /* Only John 3 and John 4 are blue */

<div class="a">

  <p><b>John 1</b></p>

  <p><b>John 2</b></p>

  <b>John 3</b>

  <b>John 4</b>

</div>

<div class="b">

  <p><b>John 1</b></p>

  <p><b>John 2</b></p>

  <b>John 3</b>

  <b>John 4</b>

</div>

Answer 2

它是CSS子选择器。例子：

div > p选择所有直接属于div的子段落。

看见这，这个