가상 클래스 last-child

가상 클래스 last-child는 부모의 마지막 자식인 요소를 선택합니다.

문법

css선택자:last-child {
  
}

예제

다음 예제에서는 부모 요소(ol 내부)의 마지막 자식인 li를 빨간색으로 만들 것입니다:

html<ul>
  <li>리스트 항목</li>
  <li>리스트 항목</li>
  <li>리스트 항목</li>
  <li>리스트 항목</li>
  <li>리스트 항목</li>
</ul>

cssli:last-child {
  color: red;
}

Результат: