CSS 결합 자 - 하위 선택자

CSS 결합 자

연결자는 선택자 간의 관계를 설명하는 것입니다.

CSS 선택기에는 둘 이상의 단순 선택기가 포함될 수 있습니다. 간단한 선택자 사이에는 결합자를 포함 할 수 있습니다.

CSS3에는 4 가지 조합기가 있습니다.

자손 선택자 (공백)

자식 선택기 (>)

인접 형제 선택기 (+)

일반 형제 선택 도구 (~)

하위 선택자

하위 선택자는 지정된 요소의 직접 하위 요소 인 모든 요소를 ​​선택합니다.

다음 예제에서는 <div> 요소의 바로 위 자식 인 모든 <p> 요소를 선택합니다.

예

div > p {

    background-color: yellow;

}