33장. Cascade를 DevTools에서 증명한다

스타일이 적용되지 않을 때 specificity 숫자부터 외우지 않는다. 해당 element의 matched rule, 취소선, origin, importance, layer, specificity, source order와 inheritance를 순서대로 본다. @layer reset, base, components, utilities, overrides의 선언 순서를 entry CSS에서 한 번 정하고 component 파일 import 순서가 우연히 우선순위를 바꾸지 않게 한다.

실습은 CMS가 주입한 .card a, component layer, unlayered legacy CSS와 inline style을 충돌시킨다. selector를 더 길게 만들기 전에 layer와 소유 경계를 수정한다. !important는 접근성 사용자 override와 통제된 utility처럼 목적을 기록하며, 해제 조건 없는 응급 덧칠로 쓰지 않는다.