nth-child() 疑似クラス
任意の順番の要素を指定することができる nth-child() 疑似クラスを使用し、コードをスマートにしましょう！
-
偶数の要素に CSS を適用
li:nth-child(2n) または li:nth-child(even)
-
奇数の要素に CSS を適用
li:nth-child(2n+1) または li:nth-child(odd)
-
指定数ごとの要素に CSS を適用
li:nth-child(指定数n)
-
指定スタート数から指定数ごとの要素に CSS を適用
li:nth-child(指定数n+指定スタート数)
-
指定数の要素に CSS を適用
li:nth-child(指定数)
-
最後から指定数の要素に CSS を適用
li:nth-last-child(指定数)
-
最初から指定数までの要素に CSS を適用
li:nth-child(-n+指定数)
-
最後から指定数からの要素に CSS を適用
li:nth-child(n+指定数)
-
最初の要素に CSS を適用
li:first-child
-
最後の要素に CSS を適用
li:last-child
No comments