css클래스 선택시에는 둘이상의 단순한 결합 클래스가 포함될 수 있습니다. css는 4가지의 결합클래스가 있습니다.
div p {
background-color: yellow;
}
하위 선택자는 지정된 요소의 하위 항목 인 모든 요소를 찾습니다.
div > p {
background-color: yellow;
}
하위 선택기는 지정된 요소의 직접 하위 요소 인 모든 요소를 선택합니다.
### 인접한 형제 선택자
div + p {
background-color: yellow;
}
인접한 형제 선택기는 지정된 요소의 인접 형제 인 모든 요소를 선택합니다.
형제 요소는 같은 부모 요소를 가져야하며 “인접 요소”는 “바로 뒤이어”를 의미합니다.
div ~ p {
background-color: yellow;
}
일반 형제 선택 도구는 지정된 요소의 형제 인 모든 요소를 선택합니다.