른록노트

[CSS] 스타일 적용 우선순위와 강제적용 !important 본문

Web/[CSS]

[CSS] 스타일 적용 우선순위와 강제적용 !important

른록 2017. 8. 11. 08:44

스타일 적용 우선순위

-인라인 스타일 > 내부 스타일 > 외부 스타일 > 브라우저 기본 값 순

-두 가지가 똑같은 등급일 때, 가장 마지막으로 적용된 것이 가장 우선한다.

-특정도 값을 계산해서, 가장 많은 점수를 받은 것에 우선 순위를 부여한다.


특정도 계산식

a: 인라인 스타일 1000점

b: ID 선택자 100점

c: 클래스 선택자 10점

d: 태그 선택자 1점

  가상 엘리먼트(예: first-line) 역시 태그 선택자로 1점



속성 강제적용

사용방법 : 선택자 {속성 : 속성값 !important;}



참고사이트

http://aboooks.tistory.com/120


반응형
Comments