Uniwersalny selektor w CSS
Uniwersalny selektor * pozwala
wybierać wszystkie elementy.
Przykład
Wybierzmy wszystkie elementy i pokolorujmy je na czerwono:
* {
color: red;
}
Przykład
Wybierzmy wszystkie elementy znajdujące się
wewnątrz znacznika div i pokolorujmy je na czerwono:
div * {
color: red;
}
Przykład
Wybierzmy wszystkie elementy bezpośrednio
znajdujące się wewnątrz znacznika div i pokolorujmy
je na czerwono:
div > * {
color: red;
}
Przykład
Wybierzmy wszystkie znaczniki span, które
znajdują się wewnątrz dowolnego elementu, który z kolei
znajduje się wewnątrz znacznika div:
div * span {
color: red;
}
Zadania praktyczne
Dany kod:
<main>
<p>---</p>
<p>---</p>
<div>
<p>+++</p>
<p>+++</p>
</div>
<section>
<p>+++</p>
<p>+++</p>
</section>
</main>
Napisz selektor, który wybierze wszystkie akapity,
znajdujące się wewnątrz dowolnego rodzica wewnątrz
znacznika main.
