[CSS] CSS 선택자 우선순위 (CSS Specificity)

우선순위란

같은 요소가 여러 선언의 대상이 된 경우 어떤 선언의 CSS 속성을 우선 적용할지 결정하는 방법

1. 점수가 높은 선언이 우선함

2. 점수가 같으면 가장 마지막에 해석된 선언이 우선함

 

우선순위 순서대로

1. !important

2. inline style 선언

3. id 선택자

4. class, 가상 클래스, 속성 선택자

5. tag 선택자, 가상 요소

6. 전체 선택자