CSS에서 인접 형제 선택자는 특정 요소의 다음 형제 요소에 스타일을 적용하는 데 사용됩니다.

이 선택자는 + 기호로 표시되며, 선택한 요소의 다음 형제 요소에만 스타일을 적용합니다. 예를 들어, 특정 버튼을 클릭하면 버튼 바로 옆에 있는 설명 텍스트를 강조하고 싶을 때 사용할 수 있습니다.

아래는 인접 형제 선택자를 사용하는 간단한 예제입니다.

button + p {
  font-weight: bold;
}

위의 코드는 버튼 바로 뒤에 나오는 p 요소에만 bold 스타일을 적용합니다.

이 선택자를 사용하면 HTML 구조에 따라 정확한 스타일을 적용할 수 있으므로 유용합니다.

더 자세한 내용은 MDN web docs를 참고하세요.