Univerzální selektor v CSS
Univerzální selektor * umožňuje
vybírat všechny prvky.
Příklad
Pojďme vybrat všechny prvky a obarvit je červeně:
* {
color: red;
}
Příklad
Pojďme vybrat všechny prvky nacházející se
uvnitř tagu div a obarvit je červeně:
div * {
color: red;
}
Příklad
Pojďme vybrat všechny prvky přímo
nacházející se uvnitř tagu div a obarvit
je červeně:
div > * {
color: red;
}
Příklad
Pojďme vybrat všechny tagy span, které
se nacházejí uvnitř jakéhokoli tagu, který je
zároveň uvnitř tagu div:
div * span {
color: red;
}
Praktické úlohy
Daný kód:
<main>
<p>---</p>
<p>---</p>
<div>
<p>+++</p>
<p>+++</p>
</div>
<section>
<p>+++</p>
<p>+++</p>
</section>
</main>
Napište selektor, který vybere všechny odstavce,
které se nacházejí uvnitř jakéhokoli rodiče uvnitř
tagu main.
