CSS Nthセレクターテスター
固定サンプルでCSSの:nth-childなどの式をテストし、一致する位置を確認します。任意のCSSは実行しません。
:nth-child(2n+1)、:nth-last-child(2)、:nth-of-type(3)、:nth-child(odd)を試せます。Nth疑似クラスだけを評価します。
Nthセレクターを入力すると一致項目を強調します。
1
div2
li3
div4
li5
div6
li7
div8
liサンプルはブラウザー内に留まります。セレクターは制限付きの式として解析し、CSSとして実行しません。
使い方
使い方
- 対応するNth式を入力します。
- 固定サンプルでテストします。
- 強調された位置を確認します。
対応式
odd、even、an+b、整数を使う4種類のNth疑似クラスに対応します。
安全なローカルプレビュー
制限付きの式パーサーだけを使い、入力をマークアップへ挿入したりCSSとして実行したりしません。
よくある質問
あわせて知りたいこと
どの式に対応していますか？
4種類のNth疑似クラスで odd、even、an+b、整数を使えます。
:nth-child(2n+1) は何を選びますか？
固定サンプルの奇数番目に一致します。
任意のCSSを実行しますか？
いいえ。固定サンプルに対して対応する式構文だけを解析します。