пытаясь понять синтаксис 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.