CSS의 범용 선택자
범용 선택자 *는 모든 요소를 선택할 수 있습니다.
예시
모든 요소를 선택하고 빨간색으로 만들어 봅시다:
* {
color: red;
}
예시
div 태그 안에 있는 모든 요소를 선택하고
빨간색으로 만들어 봅시다:
div * {
color: red;
}
예시
div 태그 바로 안에 있는 모든 요소를 선택하고
빨간색으로 만들어 봅시다:
div > * {
color: red;
}
예시
div 태그 안에 있는 어떤 태그 안에 있는
모든 span 태그를 선택해 봅시다:
div * span {
color: red;
}
실습 문제
다음 코드가 주어졌습니다:
<main>
<p>---</p>
<p>---</p>
<div>
<p>+++</p>
<p>+++</p>
</div>
<section>
<p>+++</p>
<p>+++</p>
</section>
</main>
main 태그 안에 있는 모든 부모 태그 안에 있는
모든 단락을 선택하는 선택자를 작성하세요.