반응형
같은 요소가 여러 선언의 대상이 된 경우, 어떤 선언의 CSS 속성을 우선 적용할지 결정하는 방법
- 점수가 높은 선언이 우선
- 점수가 같으면 가장 마지막에 해석된 선언이 우선
인라인 선언 (style="coloe: orange";) - 1000점
css 속성 값 뒤(color: red !important;)!important(중요도) - 999999999점
ID선택자(#color_yellow) - 100점
class 선택자(.color_yellow) - 10점
태그 선택자(div) - 1점
전체 선택자(*) - 0점
body 같은 상속 되는 건 계산하지 않음
점수를 통해서 우선순위를 계산할 수 있어야함