「body> div」這是什麼語法？

Question

我期待通過一些樣式表，我看到的，我沒有見過的語法：

body > div { 

OR

body > div > div { 

這只是爲後代選擇另一種方法是什麼？如果不是，那麼這是幹什麼的？

Answer 1

這被稱爲直接後代或子選擇器。用於選擇父母的直接子女。

元素>元素選擇器用於選擇具有特定父元素的元素。

爲了說明，看看這個例子

div#first > p { 
 
    background: yellow; 
 
}

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

在另一方面後代選擇，選擇所有的後代，而不僅僅是直接孩子。

這裏是一個例子。

#first p { 
 
    background: yellow; 
 
}

<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>