반응형
자식 선택자(직계자식) : 부모 ">" 자식
형제 선택자 : 형제 "+" 형제
후손(손자) 선택자 : 증조 " " 후손 --------------> >(꺽쇠) 로 하면 안됨
<예제>
1)
.nav > div
: .nav 엘리먼트의 직계자식 div선택
2)
.nav > div > div2
: .nav 엘리먼트의 직계자식 div의 직계자식 div2 선택
3)
.nav > div + div
: .nav 엘리먼트의 직계자식 div의 인접형제 div 선택
4)
.nav div
: .nav 엘리먼트 안에 있는 모든 div후손 (자식, 손자) 선택
5)
.nav > div ul
: .nav 엘리먼트의 직계자식 div 안에 속해있는 모든 ul 후손 선택
6)
.nav div ul
: .nav 엘리먼트의 모든 div 엘리먼트에 속한 모든 ul 후손 선택
반응형
'✂퍼블리싱 > HTML_CSS' 카테고리의 다른 글
| CSS) flex-flow (0) | 2020.12.10 |
|---|---|
| CSS) 가상요소 ::before , ::after (0) | 2020.12.05 |
| CSS ) position _ absolute, relative (0) | 2020.12.03 |
| codepen) 3차메뉴까지 나오는 드롭다운 메뉴바 (0) | 2020.12.03 |
| [codepen] 상단 메뉴바 구현하기 (0) | 2020.11.27 |