Univerzális szelektor a CSS-ben
Az univerzális szelektor * lehetővé teszi
az összes elem kiválasztását.
Példa
Válasszuk ki az összes elemet és színezzük pirosra:
* {
color: red;
}
Példa
Válasszuk ki a div tagben található összes elemet
és színezzük pirosra:
div * {
color: red;
}
Példa
Válasszuk ki a div tagben közvetlenül található
összes elemet és színezzük pirosra:
div > * {
color: red;
}
Példa
Válasszuk ki az összes span taget, amely
bármely olyan tagben található, amely viszont
a div tagben található:
div * span {
color: red;
}
Gyakorlati feladatok
Adott kód:
<main>
<p>---</p>
<p>---</p>
<div>
<p>+++</p>
<p>+++</p>
</div>
<section>
<p>+++</p>
<p>+++</p>
</section>
</main>
Írj egy szelektort, amely kiválasztja az összes bekezdést,
amely a main tagben található bármely szülőn belül található.
