자손 결합자
.parent .child {
// parent 노드의 자손(parent 내부의 모든 .child 노드)인 .child 노드 속성 적용
}
자식 결합자
.parent > .child {
// parent 노드의 자식(바로 아래 노드 선택)인 .child 노드 속성 적용
}
일반 형제 결합자
.brother ~ .sister {
// .brother 노드의 형제(옆의 노드 선택)인 .sister 노드 속성 적용
}
인접 형제 결합자
.brother + .sister {
// .brother 노드의 바로 옆인 형제(바로 옆의 노드 선택)인 .sister 노드 속성 적용
}
참고 사이트 : https://joooohee.tistory.com/52