CSS 자식 요소 조합자 (>)

정의와 사용법

CSS 자식 요소 조합자 (>)는 특정 부모 요소의 직접 자식 요소로 선택되는 요소를 선택합니다。

두 번째 선택자가 일치하는 요소는 첫 번째 선택자가 일치하는 요소의 직접 자식 요소여야 합니다。

주의：지정된 부모 요소의 직접 자식 요소가 아닌 요소는 선택되지 않습니다。

예제

각각의 <div> 요소의 직접 자식 요소로 설정된 <p> 요소의 스타일을 선택하고 설정합니다：

div > p {
  background-color: gold;
  border: 1px solid gray;
}

직접 시험해 보세요

CSS 문법

element1 > element2 {
  css 선언;
}

기술 세부 사항

버전： CSS2

브라우저 지원

표格에 표시된 숫자는 이 컴포지터를 최초로 지원하는 브라우저 버전을 나타냅니다。

크롬 에지 파이어폭스 사파리 오페라
지원 7.0 지원 지원 지원

관련 페이지

CSS 강의:CSS 자식 요소 선택자