最後の子要素から〇個分指定する方法【CSS】

この記事は最終更新から2年以上経過しています。内容が古くなっているかもしれません。。

例えば子要素が6個あってそのうち5と6番目だけを指定したいときなどに。

例)最後から2つだけ
.class-name:nth-last-child(-n+2) {
    color: red;
}
例)最後から2つ目〜最初まで
.class-name:nth-last-child(n+2) {
    color: red;
}

最後からではなく最初からにしたいときはnth-childを使う。

例)最初から2つだけ
.class-name:nth-child(-n+2) {
    color: red;
}
例)最初から2つ目〜最後まで
.class-name:nth-child(n+2) {
    color: red;
}

この記事はお役に立てましたか?

はい

ブログランキング・にほんブログ村へ

コメントを残す