html<li>1</li>
<a>2</a>
<li class="foo">3</li>
<li>4</li>
<li>5</li>
<li class="foo">6</li>
<li>7</li>
:nth-child(3)
と書くと兄弟要素の上から3番目が選択される <li class="foo">3</li>
:nth-child(2n+1)
と書くと1,3,5,7が選択される odd
と書くと奇数番目の要素が選択される even
と書くと偶数番目の要素が選択される li:nth-child(even)
と書くと、偶数番目でかつ <li>
タグの要素が選択される .foo:nth-child(3)
と書くと、3番目でかつclass属性にfooの値がある要素が選択される