스타일 우선 적용 구체성 / 상속
구체성 선택자에는 어떤 규칙이 우선으로 적용되어야 하는지에 대한 규정이 존재하는데 이를 '구체성'이라 한다. 동일한 선택자에 동일한 속성이라고 해도 보다 구체적으로 선택자를 선언한 태그에 우선권을 부여한다. 구체성의 값이 클수록 우선을 적용된다. 구체성은 4개의 숫자 값으로 구성된다. 0,0,0,0 0, 1, 0, 0 : 선택자에 있는 모든 id 속성값 0, 0, 1, 0 : 선택자에 있는 모든 class 속성값, 기타 속성, 가상 클래스 0, 0, 0, 1 : 선택자에 있는 모든 요소, 가상 요소 전체 선택자는 0, 0, 0, 0을 가진다. 조합자는 구체성에 영향을 주지 않는다. (>, + 등) 선택자의 구체성 값을 잘 알아야 많은 스타일 규칙들을 정의할 때 의도하지 않은 일이 생기지 않습니다. h1 ..
2019. 7. 23.