반응형
1. Sibling Selector. 형제 선택자
선택자 | 의미 |
A + C | A 요소 바로 뒤에 있는 형제 C 요소를 선택함(중간에 타 요소있으면 선택 안됨) |
A ~ C | A 요소 뒤 어딘가에 있는 형제 C 요소를 선택함 |
2. Grouping Selector. 선택자 그룹화
A, B | 콤마로 구분된 모든 선택자(A,B)에 동일한 css 선언 |
3. Descendant Selector. 하위 선택자
A B | A안 B 요소를 선택 |
A > B | A의 자식인 B 요소를 선택(자식의 자식 선택 안됨) |
반응형
'css > basic' 카테고리의 다른 글
[css] 텍스트2: letter-spacing, word-spacing 간격 조절 속성 (0) | 2021.03.20 |
---|---|
[css] 텍스트1: text-transform 대소문자 변환 속성 (0) | 2021.03.20 |
[css] 선택자3 - Pseudo-element Selector 가상 요소 선택자 (0) | 2021.03.20 |
[css] 선택자2 - Pseudo-classes Selector 가상 클래스 선택자 (0) | 2021.03.20 |
[css] 선택자1 - Attribute Selector 속성 선택자 (0) | 2021.03.20 |
댓글