试图理解css3语法

Question

msub＆gt; *：first-child：after，msub＆gt; * + *：{之前 ... }

这是我正在尝试理解的css文件的代码片段。

msub是元素。

• ＆GT;这大于，适用于作为msub
的直接子元素的元素
• 对此类型的所有元素执行此操作
• ：first-child为msub的所有第一个孩子执行此操作

为什么他们是第一个孩子的＆gt; 和第一个孩子的：first-child ？

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的直接后代的所有元素中获取第一个子元素。