[DEV] CSS 선택자 우선순위카테고리 없음2021. 5. 30. 08:15
Table of Contents
같은 요소가 여러 선언의 대상이 된 경우, 어떤 선언의 CSS 속성을 우선 적용할지 결정하는 방법
- 점수가 높은 선언이 우선
- 점수가 같으면 가장 마지막에 해석된 선언이 우선
인라인 선언 (style="coloe: orange";) - 1000점
css 속성 값 뒤(color: red !important;)!important(중요도) - 999999999점
ID선택자(#color_yellow) - 100점
class 선택자(.color_yellow) - 10점
태그 선택자(div) - 1점
전체 선택자(*) - 0점
body 같은 상속 되는 건 계산하지 않음
점수를 통해서 우선순위를 계산할 수 있어야함
@Potato_H :: 코딩하는 감자
기억보단 기록을
포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!