본문 바로가기
css/basic

[css] 선택자4 - Combinators 결합 선택자

by by-choice 2021. 3. 20.

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 요소를 선택(자식의 자식 선택 안됨)

댓글