선택자 우선순위 & 기타 팁
CSS competing rule(경쟁 규칙) 한 요소에 같은 CSS 규칙을 여러 번 지정할 수 있습니다. 이 글에서는 이를 "경쟁 규칙"이라고 부르겠습니다. 브라우저는 우선순위에 의해 경쟁 규칙 중에서 어느 규칙을 적용할 지 결정하게 됩니다. 예를 들어 브라우저가 각 요소에 기본 규칙을 할당했다고 가정해 봅니다. 만약 한 요소에 개발자가 다른 규칙을 지정하면 그 규칙은 기본 규칙과 경쟁하지만 개발자가 지정한 규칙이 우선순위가 높으므로 기본 규칙을 덮어 쓰게 됩니다. 여기서 이러한 선택자 우선순위에 대해 간단히 알아보겠습니다. 선택자 우선순위 우선순위에 따라 규칙을 분류하면 규칙에 사용된 선택자 종류에 따라 6개의 그룹으로 나뉩니다. 더 높은 우선순위 그룹의 규칙이 있으면 낮은 그룹의 경쟁 구칙은 무시됩..
