CSS 선택자 Selectors

h2 {
  color: darkviolet !important;
}

여기서 h2는 선택자임

선택자의 유형에는 기본 선택자, 결합자, 의사클래스/요소 등이 있음

기본선택자

• 전체 선택자, 요소 선택자
• 클래스 선택자, 아이디 선택자, 속성 선택자

결합자

• 자손 결합자, 자식 결합자
• 일반 형제 결합자, 인접 형제 결합자

* 전체 선택자

h1 요소 선택자 (HTML 태그를 직접 선택)

.class 클래스 선택자 (마침표(.)문자로 시작하며, 해당 클래스가 적용된 항목 선택)

#id 아이디 선택자  (# 문자로 시작하며, 해당 아이디가 적용된 항목을 선택)

.box > p 자식 선택자

.box p 자손선택자

 

CSS 적용 우선순위

가장 중요시 되는 것은 !important 지만 잘 사용하지는 않는다.

 

인라인 > id > class, 속성, pseudo-class > 요소