CSS: 3 구체성, 상속, 캐스케이딩
구체성(Specificity) 구체성: 선택자를 얼마나 명시적으로 선언했느냐를 수치화한 것 구체성의 값은 네개로 이루어짐. 제일 좌측에 있는 값이 클수록 높은 구체성을 갖는다. 0, 0, 0, 0 1, 0, 0, 0 : inline 스타일 0, 1, 0, 0: 선택자에 있는 모든 id 속성값 0, 0, 1, 0: 선택자에 있는 모든 class 속성값, 기타 속성, 가상 클래스 0, 0, 0, 1: 선택자에 있는 모든 요소, 가상 요소 전체 선택자(*)는 0, 0, 0, 0을 갖는다 조합자는 구체성에 영향을 주지 않는다.(>,+) h1 { ... } /* 0,0,0,1 */ body h1 { ... } /* 0,0,0,2 */ .grape { ... } /* 0,0,1,0 */ *.bright { ... ..
