CSS :first-child 가상 클래스

정의와 사용법

CSS :first-child 가상 클래스는 부모 요소의 첫 번째 자식 요소로 사용되는 요소를 선택하는 데 사용됩니다（둥둥한 형제 요소 집합에서）。

실례

예제 1

부모 요소의 첫 번째 자식 요소로 사용되는 각 <p> 요소를 선택하고 스타일을 설정합니다：

p:first-child {
  배경색: yellow;
}

직접 테스트해 보세요

예제 2

부모 요소의 첫 번째 자식 요소로 사용되는 각 <i> 요소를 선택하고 스타일을 설정합니다：

i:first-child {
  배경: yellow;
}

직접 테스트해 보세요

예제 3

리스트 중 첫 번째 <li> 요소를 선택하고 스타일을 설정합니다：

li:first-child {
  배경: yellow;
}

직접 테스트해 보세요

예제 4

각 <ul> 요소의 첫 번째 자식 요소를 선택하고 스타일을 설정합니다：

ul > :first-child {
  배경: yellow;
}

직접 테스트해 보세요

CSS 문법

:first-child {
  css 선언;
}

기술 세부 사항

브라우저 지원

표에서의 숫자는 이 페이드 클래스를 최초로 지원하는 브라우저 버전을 지정합니다.