combinator

[CSS] 결합자 (Combinator) : 인접 형제 / 일반 형제 / 자식 / 후손 ✔️ 인접 형제 결합자 : (+) : 앞에서 지정한 요소의 바로 다음에 위치한 형제 요소만 선택한다. ✨ 위로는 찾을 수 없다.... 무조건 아래로... 내려감 label + span {background: yellow;} ✔️ 일반 형제 결합자 : (~) : 두 개의 선택자 사이에 위치하여, 뒤쪽 선택자의 요소와 앞쪽 선택자 요소의 부모 요소가 같고, 뒤쪽 선택자의 요소가 뒤에 위치할 때 선택한다. (두 요소가 붙어있을 필요 없다.) : A ~ B 의 표현은 A 형제 요소 중, A 뒤에 위치하는 B 요소 모두를 선택한다. label ~ span {background: lightblue; font-weight: 600..