css - css3構文を理解しようとしています

Question

msub > *:first-child:after, msub > * + *:before { ... }

これは、私が理解しようとしている css ファイルのコード スニペットです。

msub は要素です。

• > これは、msub の直接の子である要素に適用されます。
• このタイプのすべての要素に対してこれを行います
• :first-child msub のすべての最初の子に対してこれを行います

なぜ最初の子である>と最初の子である:first-childを行っているのですか?

Answer 1

msub- 要素
>- 親要素の直接の子 (子の子ではない) を対象とする
*- すべての子要素を取得する
:first-child- 最初の子要素のみを取得する

CSS はセレクターを逆方向に処理するため、次のようになります。

親の直系の子孫であるすべての要素から最初の子を取得しmsubます。