[SIST] Web_CSS_days05_CSS 특수성(특이성)

[css 특수성(특이성)?]

- 동일한 요소를 가리키는 css 규칙이 두 개 이상 있을 경우 어떤 css 규칙을 요소에
     적용할 것인지를 나타내는 것

 

- 점수로 순위가 정해진다.

[특이성 수준을 나타내는 점수]

  1. 인라인 css 적용 : 1000점(인라인 스타일 적용 방식이 항상 가장 우선순위가
  높다.)
  ex) h1 style="color:red"

  1. id 속성 : 100점 #mydiv{}

  2. 태그명, 의사요소 : 1점

  3. 클래스명, 의사클래스, 속성선택자 : 10점

  4. * : 0점

[!important 속성 값]
   - !important 속성 값을 주면 특수성 규칙에 예외 발생. 인라인 스타일 시트 적용도 무시하고
     가장 먼저 적용이 되어진다.

 

 

 

[적용결과]