CSS 연결자
 | 연결자는 셀렉터 사이의 관계를 설명 무언가이다. |
|---|
CSS 선택은 하나 이상의 단순 선택기를 포함 할 수있다. 단순 선택자 사이에, 우리는 연결자를 포함 할 수있다.
CSS3의 네 가지 콤비가 있습니다 :
- 하위 선택자 (space)
- 자식 셀렉터 (>)
- 인접 형제 선택기 (+)
- 일반 형제 선택 (~)
자손 선택기
자손 선택은 지정된 요소의 후손 인 모든 요소와 일치합니다.
다음 예는 모든 선택 <p> 내부 요소를 <div> 요소를 :
아이 선택기
아이 선택기는 지정된 요소의 직계 자식 인 모든 요소를 선택합니다.
다음 예는 모든 선택 <p> (A)의 직계 자녀 요소 <div> 요소를 :
인접 형제 선택기
인접 형제 선택 지정된 요소의 인접 형제 모든 요소를 선택합니다.
형제 요소 "바로 다음에"같은 부모 요소 및 의미 "이웃"을 가지고 있어야합니다.
다음 예는 모든 선택 <p> 바로 뒤에 배치 된 요소 <div> 요소를 :
일반 형제 자매 선택기
일반 형제 선택은 지정된 요소의 형제 인 모든 요소를 선택합니다.
다음 예는 모든 선택 <p> 의 형제입니다 요소 <div> 요소를 :