CSS(Cascading Style Sheets)는 웹 문서의 스타일을 정의하는 데 사용되는 스타일 시트 언어입니다. CSS 선택자는 웹 페이지에서 특정 요소를 선택하여 스타일을 지정하는 데 사용됩니다.

선택자 병합

선택자 병합은 CSS에서 여러 개의 선택자를 결합하여 더 구체적이고 정확한 선택을 할 수 있도록 하는 기능입니다.

예를 들어, div p 선택자는 모든 <p> 요소를 선택하지만, div.class p 선택자는 특정 클래스가 지정된 <div> 안에 있는 <p> 요소만을 선택합니다.

div p {
  /* 스타일 지정 */
}
div.class p {
  /* 스타일 지정 */
}

이때 두 개의 선택자가 병합되어 더 정확한 선택을 가능케 합니다.

선택자 병합은 CSS를 보다 유연하게 사용할 수 있도록 해주며, 복잡한 구조를 가진 웹 페이지에서 스타일을 정의할 때 유용합니다.

더 복잡한 선택자 병합에 대한 내용은 MDN web docs에서 확인할 수 있습니다.