3. 조합 선택자

조합 선택자는 기본 선택자와 조합해서 사용했을 때 선택자의 의미를 더 풍부하게 하는 역할을 합니다.

① 그룹 선택자 여러 선택자를 , 기호로 구분해 선택자를 그룹으로 묶어 지정합니다.

② 자식 선택자 선택자 범위를 자식 관계로 제한하고, > 기호를 구분자로 사용합니다.

③ 하위 선택자 선택자 범위를 자식 및 자손 관계로 제한하고, 공백을 구분자로 사용합니다.

④ 인접 형제 선택자 특정 태그와 가장 인접한 형제 관계 태그를 선택자로 지정하고, + 기호를 구분자로 사용합니다.

⑤ 일반 형제 선택자 특정 태그와 형제 관계에 있는 모든 태그를 선택자로 지정하고, ~ 기호를 구분자로 사용합니다.

4. 가상 요소 선택자

실제로 존재하는 요소는 아니지만, 존재한다고 가정하고 선택하는 방법입니다. 가상 요소 선택자 앞에는 :: 기호(콜론 2개)를 붙입니다.

① ::before 요소의 맨 앞 선택

② ::after 요소의 맨 뒤 선택