nth-childジェネレータ

:nth-child()・:nth-of-type()・:nth-last-child()セレクタを視覚的に組み立て、最初の24要素のどれが一致するか確認します。

すべてこのブラウザ内で実行します。

使い方

  1. 奇数・偶数・n個ごと・番号・an+b・範囲からパターンを選びます。
  2. 擬似クラスを選びます。
  3. セレクタをコピーし、グリッドで一致要素を確認します。

対応範囲

番号・範囲は1〜10,000、係数は±1,000まで。プレビューは先頭24要素です。セレクタの文字列のみを生成し、:nth-child本来のより複雑な構文は生成しません。

関連する道具

関連ガイド