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

目次

最初

:first-child

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

ol li:first-child {
  color: red;
  font-weight: bold;
}
  1. リスト1
  2. リスト2
  3. リスト3
  4. リスト4
  5. リスト5

最後

:last-child

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

ol li:last-child {
  color: red;
  font-weight: bold;
}
  1. リスト1
  2. リスト2
  3. リスト3
  4. リスト4
  5. リスト5

最後からn番目

:nth-last-child(n)

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

最後から2番目の場合

ol li:nth-last-child(2) {
  color: red;
  font-weight: bold;
}
  1. リスト1
  2. リスト2
  3. リスト3
  4. リスト4
  5. リスト5
  • URLをコピーしました!
目次