:nth-child()「n番目の子要素」を指定する。偶数や奇数、三つ飛びなどの指定も可能。
奇数行にだけ灰色の背景を指定する
| 1行目はそのままです |
| 2行目は背景が灰色になります |
| 3行目はそのままです |
| 4行目は背景が灰色になります |
| 5行目はそのままです |
| 6行目は背景が灰色になります |
| 7行目はそのままです |
| 8行目は背景が灰色になります |
:nth-of-type()「x要素のうち、n番目に現れるもの」を指定する。
p要素のうち3番目に出てきたものにスタイルを適用する。
最初に現れるのはp要素です。
2番目に現れるのもp要素です。
ulを入れてみました。これはその子供のliです。div要素です。5番目はp要素です。
最後もp要素です。