CSS3 の新しいセレクターの概要

selector :first-child これは奇妙です。理解するよりも避けるように注意してください。しかし、問題があります。:last-child。は有効になりません。

次のようにする必要があります:

2 すべての子要素の親、[a,b,c]

4 つのスタイルを設定すると、それが有効になります。

当前 selector 选中的元素集合中的第一个元素

そこで、これら 2 つの疑似クラスを使用し、それらに親要素を追加します。これは、最初の実装と見なすことができます。

nth-child() も、上記のルールに適用されます。
ここの n には多くの開発スペースがあり、奇数/偶数、どれを選択するか、どれから開始するかを実現できることに注意してください。

: first-of-type

:nth-of-type
:nth-last-of-type

は、ドキュメントのルート要素を選択します。 html
:empty
は、スペースさえ含まれていない要素を選択します。 element
:not
negative selector

:only-child

::selection
は、background、color の 2 つの属性のみを設定できる場合にのみ有効になります。 :first-child これは子孫セレクターです。理解できないので注意してください。

当前 selector 选中的元素集合中的最后一个元素.

**if(selecor.parent.childElementList.firstElement === selector){ 生效 }**

しかし、問題があります。:last-childは有効になりません。

1 現在のセレクターの親要素
2 すべての子要素の親、[a,b,c]

4 の設定スタイルが有効になります。

当前 selector 选中的元素集合中的第一个元素

そこで、これら 2 つの疑似クラスを使用し、それに親要素を追加します。これは、

nth-child() にも適用されます。上記のルール

: first-of-type
:last-of-type
:nth-of-type
:nth-last-of-type
:root

:empty

:not
Negative selector

:only-child
コレクションに要素が 1 つだけある場合にのみ有効です。

::selection
設定できる属性は、背景、色 の 2 つだけです。



その他 CSS3 新しいセレクターの概要 関連記事については、PHP 中国語 Web サイトに注目してください。