nth-childとは？

兄弟要素の中に特定の要素を指定したい時に使います。

使い方

li:nth-child(5)
{
color: lime;
}
( )の中の数字は何番目の要素か指定をします。

他の使い方

:nth-child(n+5)
5以降の要素を指定できます。

li:nth-child(5n)
5の倍数を指定することができます。

li:nth-child(even)
偶数を指定することができます。

li:nth-child(odd)
奇数を指定することができます。