[css] 자손 선택자
자손 선택자는 상위 요소와 그 하위 요소 사이에 공백을 사용하여 표시됩니다. 예를 들어, div p
는 <div>
태그의 모든 하위 <p>
태그를 선택합니다.
div p {
color: red;
}
위의 코드는 모든 <div>
하위에 있는 모든 <p>
태그의 글자색을 빨간색으로 변경합니다.
자손 선택자를 사용하여 HTML 구조 내의 특정 요소를 스타일링하거나 선택할 수 있으므로, 웹 페이지 디자인 및 CSS 코드 작성 시 매우 유용합니다.