Univerzálny selektor v CSS
Univerzálny selektor * umožňuje
vybrať všetky elementy.
Príklad
Vyberme všetky elementy a nastavme im červenú farbu textu:
* {
color: red;
}
Príklad
Vyberme všetky elementy, ktoré sa nachádzajú
vnútri elementu div, a nastavme im červenú
farbu textu:
div * {
color: red;
}
Príklad
Vyberme všetky elementy, ktoré sú priamymi
potomkami elementu div, a nastavme im
červenú farbu textu:
div > * {
color: red;
}
Príklad
Vyberme všetky elementy span, ktoré
sa nachádzajú vnútri ľubovoľného elementu, ktorý je
naopak vnútri elementu 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>
Napíšte selektor, ktorý vyberie všetky odseky,
ktoré sa nachádzajú vnútri ľubovoľného rodiča vnútri
elementu main.
