[css] 일반 형제 선택자
예를 들어, 다음과 같은 HTML이 있다고 가정해 봅시다.
<div>
<p>첫 번째 문단</p>
<p>두 번째 문단</p>
<p>세 번째 문단</p>
<p>네 번째 문단</p>
</div>
이때, 두 번째 문단부터 다음의 모든 문단에 스타일을 적용하려면 아래와 같이 일반 형제 선택자를 사용할 수 있습니다.
p ~ p {
font-weight: bold;
}
이제 두 번째 문단부터 마지막 문단까지의 텍스트가 굵게 표시될 것입니다.
이 선택자는 항상 특정 요소의 형제 요소를 선택할 때 유용하게 활용될 수 있습니다.