소개

이전 섹션에서는 태그, 클래스, ID, 그룹 선택자 및 범용 선택자와 같은 기본 선택자를 살펴보았습니다. 이를 통해 페이지의 요소 스타일 지정을 시작하는 데 필요한 도구를 갖추게 되었습니다.

이제 난이도를 조금 높여 보겠습니다. 이 장에서는 요소를 대상으로 지정하는 더 영리한 방법을 배웁니다. 구체적으로 자손 선택자(요소가 다른 요소 안에 있을 때만 스타일을 지정)와 인접 형제 선택자(요소가 다른 요소 바로 뒤에 있을 때만 스타일을 지정)를 알아봅니다.

이러한 기법을 사용하면 프로젝트가 성장함에 따라 CSS를 더 깔끔하고 유연하며 관리하기 쉽게 만들 수 있습니다.