CSS 선택자 우선순위

CSS의 선택자에는 점수가 있습니다.

여러가지 선택자를 나열한다면, 각 선택자의 점수를 더해 가장 높은 점수를 가진 속성값이 적용됩니다. 만약 합산 점수가 같다면, 나중에 선언된 속성값이 우선해서 적용됨!

1. 속성값 뒤에 !important가 붙은 속성 (999999999+점)
2. html 문서에서 element에 직접 style을 지정한 속성(1000점)
3. #id로 지정한 속성(100점)
4. .클래스, :추상클래스로 지정한 속성(10점)
5. 태그이름으로 지정한 속성(1점)
6. * - 전체 선택자(0점)
7. 상위 객체에 의해 상속된 속성 (점수 없음)