의사 클래스 first-child

의사 클래스 first-child는 부모 요소의 첫 번째 자식 요소를 선택합니다.

문법

css선택자:first-child {
  
}

예시

이 예시에서는 부모 요소(ol) 내에서 첫 번째 자식 요소인 li를 빨간색으로 만듭니다:

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

cssli:first-child {
  color: red;
}

Результат: