nth-childジェネレーター

last update:

CSSのnth-childがイマイチわからないときに、視覚的にわかりやすくテストできます。
入力サンプルもご活用ください。
入力欄にはご自由にnth-childの値を入れてお試しください。

最初の「:」は入力不要です!

反映後に入力を続ける場合は一度リセットボタンを押してください。

入力サンプル

クリックすると入力されます。

反映結果