CSS 우선순위
- 속성 값 뒤에 !important를 붙인 속성
- HTML 에서 style을 직접 지정한 속성(html파일에서 스타일 직접 지정)
- #id로 지정한 속성
- .class, :추상클래스 로 지정한 속성
- 태그 이름 으로 지정한 속성
- 상위 객체에 의해 상속된 속성
같은 우선순위에 있는 경우, 부모- 자식 관계가 많은 경우가 우선되고, 모든 설정이 같은 경우, 나중에 선언한 것이 우선되어 적용된다.
우선순위 점수
- 명시도 점수가 높은 선언이 우선
- 점수가 같은 경우, 가장 마지막 선언이 우선
- 명시도는 상속 규칙보다 우선
- !important가 적용된 선언 방식이 다른 모든 방식보다 우선
!important
점수: 무한대
인라인 선언 방식
점수: 1000점
id 선택자
점수: 100점
클래스 선택자
점수: 10점
태그 선택자
점수: 1점
전체 선택자
점수: 0점