CSS-선택자(Selector)

태그 선택자

특정 태그를 사용한 모든 요소에 스타일이 적용

클래스 선택자

요소의 특정 부분에 스타일 적용

마침표(.)다음에 클래스 이름으로 선택

같은 클래스를 여러번 사용 가능

ID선택자

요소의 특정 부분에 스타일 적용

해시기호(#) 다음에 id 이름으로 선택

ID는 유일하게 한번 사용(클래스 선택자와의 차이)

 

그룹 선택자 (여러 조합)

같은 스타일을 사용하는 선택자를 한꺼번에 나열

쉼표(,)로 구분

h1 이거나 p 인 태그 전부를 선택함

쉼표가 없으면 div내부 전체의 p태그를 지정

>(꺽괴) 기호가 들어간 선택자는 Div의 직계하위 p태그를 선택함

h1 이후 모든 p태그를 선택함