CSS 疑似クラス :nth-child および :nth-last-child のセレクターリスト引数
- WD(ワーキングドラフト):nth-child()
および :nth-last-child()
の最新バージョンでは、オプションの of S
句が受け入れられます。これは、子要素をセレクターリスト S
に一致するものだけに絞り込みます。たとえば、:nth-child(1 of .foo)
は、foo
クラスを持つ子要素の中で最初の子要素を選択します(その子要素の前にある foo
以外のすべての子要素は無視されます)。 :nth-of-type
と似ていますが、型セレクターだけでなく、任意のセレクターに使用できます。
Chrome
- 4 - 110:サポートされていません
- 111 - 123:サポートされています
- 124:サポートされています
- 125 - 127:サポートされています
Edge
- 12 - 110:サポートされていません
- 111 - 123:サポートされています
- 124:サポートされています
Safari
- 3.1 - 8:サポートされていません
- 9 - 17.3:サポートされています
- 17.4:サポートされています
- 17.5 - TP:サポートされています
Firefox
- 2 - 112:サポートされていません
- 113 - 124:サポートされています
- 125:サポートされています
- 126 - 128:サポートされています
Opera
- 9 - 97:サポートされていません
- 98 - 108:サポートされています
- 109:サポートされています
IE
- 5.5 - 10:サポートされていません
- 11:サポートされていません
Android版Chrome
- 124:サポートされています
iOS版Safari
- 3.2 - 8.4:サポートされていません
- 9 - 17.3:サポートされています
- 17.4:サポートされています
- 17.5:サポートされています
Samsung Internet
- 4 - 21:サポートされていません
- 22 - 23:サポートされています
- 24:サポートされています
Opera Mini
- すべて:サポートされていません
Opera Mobile
- 10 - 12.1:サポートされていません
- 80:サポートされています
Android版UC Browser
- 15.5:サポートされていません
Androidブラウザ
- 2.1 - 4.4.4:サポートされていません
- 124:サポートされています
Android版Firefox
- 125:サポートされています
QQ Browser
- 14.9:サポートされていません
Baidu Browser
- 13.52:サポートされていません
KaiOS Browser
- 2.5:サポートされていません
- 3:サポートされていません
:nth-child()
だけのサポート情報については、CSS3 セレクターのサポートを参照してください。