- 전체(*) 셀렉터
- 태그 셀렉터
- ex) h1, a, button
- ID
#아이디- 한 객체의 고유한 값(즉, 중복 불가능)
- Class
.클래스이름- 여러 요소에 적용 가능
- 특정 컨텐츠를 반복하는 경우 사용
- (참고) html에서 클래스 이름은 snake_case를 사용
- 우선순위 id > class
- 태그, ID, Class 복합 -
태그#id이름태그.class이름#id이름.class이름
- 어트리뷰트 -
- 태그와 어트리뷰트를 한번에~
- 셀렉터[어트리뷰트=”값”] 형태. ex)
a[target="_blank"],input[type="text"] - 셀렉터[어트리뷰트] 형태로 속성 값을 안준다면, 해당 어트리뷰트를 가지고 있는 셀렉터를 의미
- [어트리뷰트]로 셀렉터를 필터링 할 수도 있다
- 복합 셀렉터
- ex) 후손 셀렉터 : 셀렉터A 셀렉터B
⇒ id가 app인 요소의 하위에 있는 button 요소 : #app button
- html에서 태그를 생성할 때 쓰는 방법이 아님에 주의!!