[HTML&CSS]선택자 selector

선택자 selector

선택자 종류

전체 선택자

*{}

 

타입 선택자

h1, h2, h3{}

 

클래스 선택자(보통 디자인쪽)

.className{}

 

아이디 선택자 (보통 개발쪽)

#IdName{}

 

특성 선택자

주어진 특성을 가진 모든 요소를 선택함

[attr] [attr=value] [attr~=value] [attr|=value] [attr^=value] [attr$=value] [attr*=value]

 

 

결합자(선택자?)

이 밑에서 부터 E는 Element를 뜻함

하위(자손) 선택자

E1 E2 {}

 

자식 선택자

E1 > E2 {}

 

인접 형제 선택자

E1 + E2 {}

 

일반 형제 선택자

E1 ~ E2 {}