CSS 우선순위

1. !important 선언

!important가 있는 스타일은 최우선으로 적용됩니다. 구체성이나 선언된 순서와 상관없이 !important가 있으면 그 스타일이 적용됩니다.

2. 인라인 스타일(Inline styles)

HTML 요소에 직접 작성된 스타일이 적용됩니다.
구체성 점수: 1000

3. ID 선택자

구체성 점수: 100

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

구체성 점수: 10

5. 태그 선택자, 가상 요소 선택자

구체성 점수: 1

6. 전체 선택자 (*)

구체성 점수: 0

7. 상속된 스타일

부모 요소로부터 상속된 스타일은 해당 요소에 별도의 스타일이 적용되지 않은 경우만 작동하며, 우선순위가 가장 낮습니다.

8. 선언된 순서

동일한 구체성의 선택자들이 있을 경우, 나중에 선언된 스타일이 우선 적용됩니다.