1. CSS 일반 형제 선택자는 다른 요소에 연결된 모든 요소를 참조하며, 두 요소 모두 동일한 상위 요소를 갖습니다.
2. 일반 형제 선택자는 일반 형제에 대한 결합 기호로 물결표(~)를 사용합니다.
예
<머리>
<스타일>
.조상 {
너비: 500px;
높이: 300px;
}
.부모 {
너비: 300px;
높이: 200px;
}
.어린이 {
너비: 200px;
높이: 100px;
}
/* 형제가 div인 요소를 .child1 뒤에 배치합니다*/
.child1~div {
배경색: 밝은 산호색;
}
<본문>
이것은 조상입니다.
이것은 부모입니다.