[CSS 공부] 부스트코스 '비전공자를 위한 CSS 강의' 수강 기록 #4. 가상 선택자 구체성, 상속
1. 구체성 : 선택자를 얼마나 명시적으로 선언했느냐를 수치화한 것으로 어떤 규칙을 우선적으로 적용시킬지를 결정하는 규칙이다. 구체성의 값이 클수록 우선적으로 적용이 되며(단 예외 있음! 인라인 우선, !important 우선), 구체성은 아래와 같이 4개의 값으로 이루어진다. [구체성 보는 법 예시] => h1 { } -> 0,0,0,1 => body h1 {} -> 0,0,0,2 => .grape {} -> 0,0,1,0 => p.bright em.dark {} -> 0,0,2,2 => #page -> 0,1,0,0 ✔이 예시에서 두번째로 구체성이 높음 => div#page -> 0,1,0,1 ✔이 예시에서 가장 구체성이 높음 [특징] - 구체성이 높은 것이 우선적으로 적용됨 - 조합자(>, + 등)..
2022. 4. 6.
