nth-child(odd)で奇数(偶数)番目の要素を取得するコード

2013年6月20日2017年10月28日

1.htmlコード
<ul>
<li>test data item1</li>
<li>test data item2</li>
<li>test data item3</li>
</ul>

2.CSSコード
最初の要素
li:first-child{
}
最後の要素
li:last-child{
}
奇数番目の要素
li:nth-child(odd){
}
偶数番目の要素
li:nth-child(even){
}
上からn番目の要素
li:nth-child(n){
}
下からn番目の要素
li:nth-last-child(n){
}