こんにちは、かずです。
前回いわゆるアウトプットしたら結構覚えられたのでこれはやるしかない!
となったので、色々忘れがちなものを書いていこうと思います。
今回は初歩的も初歩的ですが、結構使う「何番目(nth)系CSS」です!
要素の最初
親要素から見た、最初の子要素の指定。
-childはすべての子要素の最初、-of-typeは指定した子要素の最初です。
要素の最後
:nth-of-type
親要素内の最後の子要素ですね。上記と同様にすべてか指定した要素かですね。
n番目
:nth-of-type(n)
nを数値にし、最初から数えてn番目を指定します。
(2n)や(3n)で倍数指定も可。
後ろからn番目
:nth-last-of-type(n)
単純に後ろから数えた要素の数を指定です。
○番目から●番目まで
これほんとに忘れるんです!何回書いても忘れるんですがこれで忘れないことを祈ります・・・
X番目から最後の要素まで。
最初からX番目の要素まで。
最後からX番目の要素まで。
最後からX番目以前の要素。
特に最後の2つとかもうどっちがどっちなのか書いて判別すること多々だったのでしっかり覚えます!
それでは。
-
人気の記事
-
新着記事
-
濃厚生クリームソース×スパイス香る粗挽き肉。長野市青木島町の『tone cafe』に新ランチ「フレンチトースト」が登場!
POSTED | 2025.11.17
-
上田市・別所温泉の北向観音で御開帳へ!参拝後に立ち寄りたいおすすめカフェもご紹介
POSTED | 2025.10.28
-
一般社団法人あいのて様が会社見学に来てくださいました。
POSTED | 2025.10.24
-
長野市の複合施設 tone village 内の『tone cafe』で生まれる、おいしい出会いの空気
POSTED | 2025.10.22
-
在宅ワークで見守れた3年間。るなぱあくで感じた“働く時間と、家族の時間”
POSTED | 2025.10.20
-
-
カテゴリー
:nth-of-type