CSS で偶数・奇数・n番目の指定

調べるとたくさんヒットするのですが、使うときに毎回 Google を検索しているので、よく使うものを載せておきたいと。

<ul>
<li>1番目</li>
<li>2番目</li>
<li>3番目</li>
<li>4番目</li>
<li>5番目</li>
<li>6番目</li>
<li>7番目</li>
</ul>

li:first-child{ background:#fcc; }

li:last-child{ background:#fcc; }

li:nth-child(even){ background:#fcc; }

li:nth-child(odd){ background:#fcc; }

li:nth-child(3){ background:#fcc; }

li:nth-last-child(3){ background:#fcc; }

li:nth-child(3n){ background:#fcc; }

[mokurenCB]

CSS で 偶数・奇数・n番目の指定