CSS의 범용 선택자

범용 선택자 *는 모든 요소를 선택할 수 있습니다.

예시

모든 요소를 선택하고 빨간색으로 만들어 봅시다:

css* {
  color: red;
}

예시

div 태그 안에 있는 모든 요소를 선택하고 빨간색으로 만들어 봅시다:

cssdiv * {
  color: red;
}

예시

div 태그 바로 안에 있는 모든 요소를 선택하고 빨간색으로 만들어 봅시다:

cssdiv > * {
  color: red;
}

예시

div 태그 안에 있는 어떤 태그 안에 있는 모든 span 태그를 선택해 봅시다:

cssdiv * span {
  color: red;
}

실습 문제

html<main>
  <p>---</p>
  <p>---</p>
  
  <div>
    <p>+++</p>
    <p>+++</p>
  </div>
  <section>
    <p>+++</p>
    <p>+++</p>
  </section>
</main>