[CSS] 스타일 우선순위

■ 중요성 우선순위

1. 사용자 스타일 시트의 중요 스타일

저시력자, 색약자 등 특별한 조건이 필요한 사용자가 그들에 맞게 구성한 스타일 시트
제작자가 제어할 수 없음

2. 제작자가 만든 스타일 중 !Important가 붙은 스타일

제작자 스타일 시트 내용 중 최우선으로 적용할 스타일 뒤에 !important를 붙임

p {
  color: red !important;
}

 

3. 제작자가 만든 일반 스타일

일반적인 스타일

4. 브라우저 스타일 시트

각 브라우저들 마다 적용하고 있는 기본 스타일
예시로 글자색을 미지정시 브라우저가 기본 글자 색을 검정으로 설정

 

■ 적용 범위 우선순위

스타일 적용 범위가 좁을수록 우선순위가 높음

1. !important 표시 스타일
2. 인라인 스타일
3. id 스타일
4. 클래스 스타일
5. 태그 스타일
6. 전체 선택자 스타일
7. 브라우저 스타일