CSS Combinator

• 선택자와 선택자를 결합해서 사용하는 선택자를 ‘콤비네이터’라고 합니다.

자손 컴비네이터

• 하위 선택자는 선택자 사이를 공백을 사용하여 나타냅니다. 앞 요소의 자손인 뒤 요소를 선택합니다.

자식 컴비네이터

• 하위 선택자는 선택자 사이를 > 를 사용하여 나타냅니다. 앞 요소의 자식 인 뒤 요소를 선택합니다.

인접 형제 컴비네이터

• 인접 형제 콤비네이터는 선택자 사이를 + 를 사용하여 나타냅니다. + 를 기준으로 전방 선택자 직후에 나오는 후방 형제 선택자를 선택합니다.

일반 형제 콤비네이터

• 일반 형제 콤비네이터는 선택자 사이에 ~ 를 사용하여 나타냅니다. ~ 을 기준으로 앞 요소 이후에 나오는 모든 뒤 요소를 선택합니다.