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

  1. 4 - 110:サポートされていません
  2. 111 - 123:サポートされています
  3. 124:サポートされています
  4. 125 - 127:サポートされています

Edge

  1. 12 - 110:サポートされていません
  2. 111 - 123:サポートされています
  3. 124:サポートされています

Safari

  1. 3.1 - 8:サポートされていません
  2. 9 - 17.3:サポートされています
  3. 17.4:サポートされています
  4. 17.5 - TP:サポートされています

Firefox

  1. 2 - 112:サポートされていません
  2. 113 - 124:サポートされています
  3. 125:サポートされています
  4. 126 - 128:サポートされています

Opera

  1. 9 - 97:サポートされていません
  2. 98 - 108:サポートされています
  3. 109:サポートされています

IE

  1. 5.5 - 10:サポートされていません
  2. 11:サポートされていません

Android版Chrome

  1. 124:サポートされています

iOS版Safari

  1. 3.2 - 8.4:サポートされていません
  2. 9 - 17.3:サポートされています
  3. 17.4:サポートされています
  4. 17.5:サポートされています

Samsung Internet

  1. 4 - 21:サポートされていません
  2. 22 - 23:サポートされています
  3. 24:サポートされています

Opera Mini

  1. すべて:サポートされていません

Opera Mobile

  1. 10 - 12.1:サポートされていません
  2. 80:サポートされています

Android版UC Browser

  1. 15.5:サポートされていません

Androidブラウザ

  1. 2.1 - 4.4.4:サポートされていません
  2. 124:サポートされています

Android版Firefox

  1. 125:サポートされています

QQ Browser

  1. 14.9:サポートされていません

Baidu Browser

  1. 13.52:サポートされていません

KaiOS Browser

  1. 2.5:サポートされていません
  2. 3:サポートされていません

:nth-child() だけのサポート情報については、CSS3 セレクターのサポートを参照してください。

リソース
Chromium Issue 304163: :nth-child(an+b of S) および :nth-last-child(an+b of S) 疑似クラスを実装する
Mozilla Bug 854148 - :nth-child(An+B of sel), :nth-last-child(An+B of sel) 疑似クラスのサポート
MS Edge プラットフォームのステータス:検討中