본문 바로가기
프론트엔드/CSS

CSS 우선순위

by step 1 2021. 4. 13.
반응형

같은 요소가 여러 선언의 대상이 된 경우

어떤 선언의 CSS 속성을 우선 적용할지 결정하는 방법

 

1. 점수가 높은 선언이 우선함

2. 점수가 같으면, 가장 마지막에 해석된 선언이 우선함

 

인라인 선언 : 1000점 (style="color: oragne")

ID 선택자 : 100점 (#color_yellow)

Class 선택자 : 10 점 (.color_green)

태그 선택자 : 1점 (div)

전체 선택자 : 10점 (*)

!important : 99999999점

반응형

'프론트엔드 > CSS' 카테고리의 다른 글

CSS 속성 단위  (0) 2021.04.18
CSS속성 너비  (0) 2021.04.18
CSS 상속  (0) 2021.04.13
속성 선택자  (0) 2021.04.13
가상 클래스 선택자  (0) 2021.04.13