“body＆gt; div”这是什么语法？

Question

我正在查看一些样式表，我看到了以前没见过的语法：

body > div {

OR

body > div > div {

这只是后代选择的另一种方法吗？如果没有，那么这是做什么的？

Answer 1

这称为直接后代或子选择器。用于选择父母的直接子女。

  

元素＆gt;元素选择器用于选择具有特定父元素的元素。

为了说明，请查看此示例

＆＃13;

＆＃13;

div#first > p {
  background: yellow;
}

＆＃13;

<div id="first">
  <p>This paragraph will be selected</p>
  <div>
    <p>This paragraph will not be selected</p>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

另一方面，后代选择器选择所有后代，而不仅仅是直接子项。

这是一个例子。

＆＃13;

＆＃13;

#first p {
  background: yellow;
}

＆＃13;

<div id="first">
  <p>This paragraph will be selected</p>
  <div>
    <p>This paragraph is also a descendant. It will be selected. </p>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;