試圖瞭解CSS3語法

Question

MSUB> *：第一胎：之後，MSUB> * + *：前{ ... }

這是一個CSS文件我想要的代碼片段理解。

MSUB是元素。

• >此，大於，適用於爲MSUB的直接子
• 這樣做對這種類型的所有元素的元素
• ：第一胎做此MSUB
的所有第一兒童

他們爲什麼要做第一個孩子的>和：第一個孩子的第一個孩子？

Answer 1

>意味着「所有的孩子」而不是「第一個孩子」。

:first-child意味着「其父的第一個孩子」而不是「第一個前面的組合子之前選擇的孩子」

<msub> 
    <a> 
     <b></b> 
    </a> 
    <c></c> 
</msub> 

msub *:first-child會選擇a和b，因爲他們是自己的父母雙方的第一個孩子並且都是msub的後代。

msub > *會選擇a和c，因爲他們是msub

msub > *:first-child兩個孩子只選擇a。

Answer 2

msub - 元素
> - 目標父元素的直接孩子（不是孩子的孩子）
* - 讓所有的子元素
:first-child - 獲得第一個子元素只有

CSS致力於通過選擇向後這樣：

從在父msub直接後代的所有元素獲得第一個孩子。