Selektor Universal di CSS

Selektor universal * memungkinkan untuk memilih semua elemen.

Contoh

Mari kita pilih semua elemen dan warnai menjadi merah:

css* {
  color: red;
}

Contoh

Mari kita pilih semua elemen yang berada di dalam tag div, dan warnai menjadi merah:

cssdiv * {
  color: red;
}

Contoh

Mari kita pilih semua elemen yang secara langsung berada di dalam tag div, dan warnai menjadi merah:

cssdiv > * {
  color: red;
}

Contoh

Mari kita pilih semua tag span yang berada di dalam elemen apa pun, yang pada gilirannya berada di dalam tag div:

cssdiv * span {
  color: red;
}

Tugas Praktis

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