선택자 우선순위

01.선택자 우선순위 결정

• 점수가 높은 선언이 우선한다.
• 점수가 같다면 가장 마지막에 해석된 선언이 우선한다.

02.우선순위 명시도 및 점수

1.!important => 무한대
2.인라인 방식 스타일 명시 => 1000점
3.ID 선택자(#) => 100점
4.Class 선택자(.) => 10점
5.태그 선택자(div) => 1점
6.전체 선택자 (*) => 0점

• 인라인 방식과 important 방식은 가급적 사용하지 않는 것을 권장

  

• 우선순위 점수에 따라 태그 선택자와 클래스 선택자의 스타일이 적용되지 않고 아이디 선택자의 스타일이 적용된 것을 볼 수 있다.