BDes2 CSS
CSS 우선순위 사다리
여러 규칙이 같은 속성을 지정하면 중요도, 출처, 구체성, 선언 순서에 따라 최종 스타일이 결정됩니다.
우선순위 계단
specificity
inline
style 속성
id
#header 같은 ID 선택자
class
클래스, 속성, 가상 클래스
type/order
태그 선택자와 나중 선언
inline
→
id
→
class
→
type/order
충돌한 스타일을 가르는 순서
점검
!important
남용하면 유지보수가 어려워지므로 최후 수단입니다.
구체성
ID는 클래스보다 강하고 클래스는 태그보다 강합니다.
동점
구체성이 같으면 뒤에 선언된 규칙이 이깁니다.
상속
상속된 값은 직접 지정된 값보다 약합니다.