[CSS] 명시도(Specificity)와의 전쟁: 왜 내 스타일이 적용되지 않을까?
“분명히 CSS 코드를 제대로 작성했는데, 왜 스타일이 적용되지 않는 거지?” CSS를 다루다 보면 누구나 한 번쯤 겪게 되는 이 답답한 상황의 주범은 바로 **명시도(Specificity)**일 확률이 높습니다. 명시도란, 여러 CSS 규칙이 동일한 요소에 적용될 때, 브라우저가 어떤 규칙을 최종적으로 적용할지 결정하기 위해 사용하는 ‘우선순위’ 점수입니다. CSS는 ‘Cascading(계단식)’ 스타일 시트라는 이름처럼, 스타일 규칙들이 폭포수처럼 위에서 아래로 흐르며 … Read more