CSS 적용 우선순위

개요

CSS의 특성상 어떤 태그에 속성이 중복되어 설정될 수 있는데 CSS는 어떤 속성이 우선되어 적용되는지 우선순위를 미리 명시하고 있습니다.

만약 CSS 원본 파일은 보존해야하는 상황에서 CSS를 수정해야 할 경우 우선순위를 높여주는 식으로 CSS를 수정할 수 있습니다. (이 방법은 급한 경우에만 해당)

우선순위

1. 속성 값 뒤에 !important를 붙인 속성 = 10000점

2. HTML에서 style을 직접 지정한 속성 = 1000점

3. #id로 지정한 속성 = 100점

4. .클래스, :가상 클래스로 지정한 속성 = 10점

5. 태그 이름으로 지정한 속성 = 1점

같은 우선 순위에 있는 경우, 부모-자식 관계가 많은 경우가 우선되며, 모든 설정이 같은 경우 나중에 선언한 것이 우선되어 적용됩니다.