nth

3個目だけ li:nth-child(3) {} li:nth-of-type(3) {}
3個目以降だけ li:nth-child(n+4) {} li:nth-of-type(n+4) {}
最初の3個だけ li:nth-child(-n+3) {} li:nth-of-type(-n+3) {}
1個目から始まって、3個ずつ飛ばして選択 li:nth-child(3n+1) {} li:nth-of-type(3n+1) {}
奇数選択 li:nth-child(odd) { }
li:nth-child(2n+1){ }
li:nth-of-type(odd)
nth-of-type(2n+1){ }
偶数選択 li:nth-child(even) { }
li:nth-child(2n){}
li:nth-of-type(even) { }
li:nth-of-type(2n){ }
最後のエレメントを選択 li:last-child { } li:last-of-type { }
最後から2個目 li:nth-last-child(2) { } li:nth-last-of-type(2) { }
カテゴリー: CSS

コメントを残す