[CSS] 명시도 specificity 높은 선택자 고르는 방법

명시도는

아이디 개수, 클래스 개수, 요소 개수를 순서대로 숫자를 나열해 점수를 매긴다

1. h1

=> 아이디 : 0, 클래스: 0, 요소: 1

 

2. h1.headline

=> 아이디 : 0, 클래스: 1, 요소: 1

 

3. h1#main

=> 아이디 : 1, 클래스: 0, 요소: 1

 

4. h1.large.headline

=> 아이디 : 0, 클래스: 2, 요소: 1

 

아이디 개수 점수가 우선순위이기 때문에 3번이 4번보다 명시도가 높다