이 글에서는 CSS(Cascading Style Sheet)의 조합 셀렉터에 대해 정리합니다.

CSS: 조합 셀렉터

셀렉터란 CSS에서 스타일을 적용할 요소를 고르는

주의할 점

1. !important는 디버깅을 어렵게 만든다

!important로 스타일을 덮으면 이후 수정이 매우 어려워진다. 셀렉터 특이도(specificity)를 이해하고 올바른 셀렉터로 해결하는 것이 맞다.

2. 인라인 스타일은 specificity가 가장 높다

style="" 속성으로 지정한 스타일은 ID 셀렉터보다도 우선한다. CSS 파일에서 아무리 구체적인 셀렉터를 써도 인라인 스타일을 이기지 못한다.