[CSS] 선택자 우선순위

 선택자 우선순위

*    // 전체 선택자  0점
div  // 태그 선택자  1점 
.Hello  // class 선택자 10점
#Hello  // id 선택자 100점

<div style="color:red;"/>  // inline 선택자 1000점
!important 999999999점

css를 적용할때 같은 요소를 바라볼때 적용되는 css가있고 적용안되는 css가 있는데 이는 선택에 대한 점수가 가장 높은 한가지 css만 적용되기 때문입니다.

 

가급적 !important 와 inline 방식은 삼가하는게 좋겠네요!