最初と最後の要素、CSS疑似クラス:first-childと:last-child

最初

:first-child

疑似クラス :first-child は子要素の一番最初に適応されます。

ol li:first-child {
  color: red;
  font-weight: bold;
}

1. リスト１
2. リスト２
3. リスト３
4. リスト４
5. リスト５

最後

:last-child

疑似クラス :last-child は子要素の一番最後に適応されます。

ol li:last-child {
  color: red;
  font-weight: bold;
}

1. リスト１
2. リスト２
3. リスト３
4. リスト４
5. リスト５

最後からn番目

:nth-last-child(n)

疑似クラス :nth-last-child(n) は子要素の最後からn番目に適応されます。

最後から2番目の場合

ol li:nth-last-child(2) {
  color: red;
  font-weight: bold;
}

1. リスト１
2. リスト２
3. リスト３
4. リスト４
5. リスト５