구체성 (20.07.06)

1. 구체성: 선택자를 얼마나 명시적으로 선언했느냐를 수치화 한 것.

==> 구체성의 숫자 비교:

- 0 , 1, 0, 0 : 선택자에 있는 모든 id 속성값

- 0, 0, 1, 0: 선택자에 있는 모든 class 속성값, 기타 속성, 가상 클래스

- 0, 0, 0, 1: 선택자에 있는 모든 요소, 가상 요소

- 전체 선택자는 0, 0, 0, 0 을 가집니다.

- 조합자는 구체성에 영향을 주지 않습니다. (> , + 등..)

 

구체성 계산

2. 인라인 스타일

- 인라인 스타일의 구체성 값은 1, 0, 0, 0 이며 규칙들 중 가장 큰 구체성을 갖습니다.

 

3. important: 별도의 구체성 값은 없지만, 모든 구체성을 무시하고 우선권을 갖습니다.

속성값 뒤 한 칸 공백을 주고 느낌표 기호와 함께 사용합니다.