테스트 사이트 - 개발 중인 베타 버전입니다

CSS 결합 자 - 인접한 형제 선택기

CSS 결합 자

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

 

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

 

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

 

자손 선택자 (공백)

자식 선택기 (>)

인접 형제 선택기 (+)

일반 형제 선택 도구 (~)

 

 

 

인접한 형제 선택기

인접 형제 선택기는 지정된 요소의 인접 형제 인 모든 요소를 ​​선택합니다.

 

형제 요소는 같은 부모 요소를 가져야하고 "인접 요소"는 "바로 뒤이어"를 의미합니다.

 

다음 예제는 <div> 요소 바로 뒤에 배치 된 모든 <p> 요소를 선택합니다.

 

div + p {

    background-color: yellow;

}

 

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
글쓰기