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; 속성 값 -> 구체성 값과 상관없이 우선권을 갖게한다
2021. 1. 11.