CSS 조합자 참조 가이드

강의 추천：

CSS 조인터

조인터는 선택자 간의 관계를 설명하는 기호입니다.

아래 표는 CSS에서 다양한 조인터를 보여줍니다： 이름 기호 예제
예제 설명 자식 조인터 > div > p
<div> 요소의 직접 자식 요소로서의 모든 <p> 요소를 선택합니다. 자손 조인터 （단일 공백） div p
<div> 요소 내부에 있는 모든 <p> 요소를 선택합니다. 네임스페이스 구분자 | ns | h2
쌍생락 조인터 + div + p <div> 요소 뒤에紧接着的第一个 <p> 요소를 선택합니다.
선택자 목록 , div, p <div> 요소와 모든 <p> 요소를 선택합니다.
이후 형제 조인터 ~ p ~ ul 전체 <ul> 요소가 <p> 요소로 시작하는 요소를 선택합니다.