2017/09/07  CSS  ,

: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

: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