Selektor Universal di CSS
Selektor universal * memungkinkan
untuk memilih semua elemen.
Contoh
Mari kita pilih semua elemen dan warnai menjadi merah:
* {
color: red;
}
Contoh
Mari kita pilih semua elemen yang berada
di dalam tag div, dan warnai menjadi merah:
div * {
color: red;
}
Contoh
Mari kita pilih semua elemen yang secara langsung
berada di dalam tag div, dan warnai
menjadi merah:
div > * {
color: red;
}
Contoh
Mari kita pilih semua tag span yang
berada di dalam elemen apa pun, yang pada
gilirannya berada di dalam tag div:
div * span {
color: red;
}
Tugas Praktis
Diberikan kode:
<main>
<p>---</p>
<p>---</p>
<div>
<p>+++</p>
<p>+++</p>
</div>
<section>
<p>+++</p>
<p>+++</p>
</section>
</main>
Tuliskan selektor yang akan memilih semua paragraf,
yang berada di dalam induk apa pun di dalam
tag main.