CSS 선택자 구체성(명시도)

 

구체성

-> 선택자의 우선 순위?

-> 선택자를 명시적으로 선언했느냐를 수치화한 것

 

0, 0, 0, 0 의 네 개의 값으로 이루어져 있다

-> 좌측 부분의 숫자가 클수록 높은 구체성

 

• 0, 1, 0, 0 -> 선택자의 id 속성 값
• 0, 0, 1, 0  -> 선택자의 class, 기타, 가상클래스
• 0, 0, 0, 1 -> 선택자의 요소, 가상요소
• 0, 0 ,0 ,0 -> 전체 선택자, 조합자는 구체성 값이 없음
• 1, 0, 0, 0 -> inline style

!important; 속성 값

-> 구체성 값과 상관없이 우선권을 갖게한다