CSS 선택자의 우선순위

1. 중요도 (Importance):
   • !important로 지정된 스타일은 다른 모든 스타일보다 우선됨.
   • !important는 신중하게 사용해야 함, 남용할 경우 유지보수가 어려워질 수 있음.
2. 명시도 (Specificity):
   • 선택자의 특정성에 따라 우선순위가 결정됨.
   • 선택자의 특정성은 ID, 클래스, 요소 등의 조합으로 결정됨. 보다 구체적인 선택자가 더 높은 우선순위가 됨.
   • 예를 들어, #myElement는 클래스 선택자 .myClass보다 우선되고, .myClass는 요소 선택자보다 우선됨.
3. 소스 순서 (Source Order):
   • 스타일 규칙이 CSS 파일에서 어디에 정의되었는지에 따라 우선순위가 결정됨.
   • 나중에 정의된 스타일이 이전에 정의된 스타일보다 우선됨.

일반적으로는 다음과 같은 규칙을 따름:

• !important > Inline 스타일 > ID 선택자 > 클래스/속성 선택자 > 요소 선택자