试图了解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直接后代的所有元素获得第一个孩子。