CSS 선택자 언급 방법

태그명 {}

.클래스명{}

#아이디명{}

 

*{}  => 모든 요소 다

 

태그1,태그2  => 태그1과 태그2 둘다

태그1 v 태그2  => 태그1 안에 있는 태그2  ----> 후손 선택자(태그1 하위에 있는 모든 태그2 다 적용. 자식건너뛰기도 가능)

태그1 > 태그2  => 태그1을 부모요소로 갖는 태그2   -----> 위에 것과 무슨차이?? 바로 하위 자식만 콕 지정!

태그1.id명 => 태그1이 여러개일때 그 태그 중에서 id명이 이것인 요소.(설명 구체화 목적)

 

.클래스1.클래스2{}  => 클래스1 과 클래스2 둘다

.클래스1 v .클래스2{}  =>클래스1 안에 있는 클래스2

 

그 외의 참조법

https://www.w3schools.com/cssref/css_selectors.asp

CSS Selectors Reference