cssで何番目の要素に色をつけるとか、marginを入れるとか結構使うんですが
いっつもなんやったけ?どうやたっけ?って調べてるので基礎的な部分ではありますが
まとめてみました!
他にもいろいろあるとは思うので徐々に追記できたらなって思います!
奇数番目
li:nth-child(odd){
ここにcss
}
偶数番目
li:nth-child(even){
ここにcss
}
最初だけ
li:first-child{
ここにcss
}
最後だけ
li:last-child{
ここにcss
}
上から何番目
li:nth-child(ここに数字){
ここにcss
}
上から何番目以降
li:nth-child(-n+ここに数字) {
ここにcss
}
各倍数
li:nth-child(倍数の数字n) {
ここにcss
}
何番目以外
li:not(:first-child){
ここにcss
}