CSS 선택자(Selector) 중 클래스(Class) 선택자와 ID 선택자의 차이점을 설명하고, 언제 어떤 선택자를 사용하는 것이 적절한지 예시를 들어주세요.

클래스 선택자와 ID 선택자는 CSS 스타일을 적용하는 방식에 차이가 있습니다. 클래스 선택자는 여러 요소에 동일한 스타일을 적용할 때 사용하며, . 기호로 시작합니다. 반면 ID 선택자는 특정 요소 하나에만 스타일을 적용할 때 사용하고, # 기호로 시작합니다.

클래스는 재사용성이 높아서, 여러 곳에서 반복적으로 사용되는 스타일을 정의할 때 유용합니다. 예를 들어, 모든 버튼에 동일한 배경색과 폰트 스타일을 적용하고 싶다면 클래스를 사용하는 것이 좋습니다.

ID는 문서 내에서 유일해야 하므로, 특정 요소에만 적용되는 스타일을 정의할 때 사용합니다. 예를 들어, 웹 페이지의 메인 제목이나 특정 섹션에 고유한 스타일을 적용할 때 ID를 사용하면 좋습니다.

다만, ID 선택자는 클래스 선택자보다 우선순위가 높기 때문에, 스타일 충돌을 방지하기 위해 ID 사용을 최소화하고 클래스를 사용하는 것이 유지보수에 더 유리합니다.