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:

css* {
  color: red;
}

Példa

Válasszuk ki a div tagben található összes elemet és színezzük pirosra:

cssdiv * {
  color: red;
}

Példa

Válasszuk ki a div tagben közvetlenül található összes elemet és színezzük pirosra:

cssdiv > * {
  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ó:

cssdiv * span {
  color: red;
}

Gyakorlati feladatok

html<main>
  <p>---</p>
  <p>---</p>
  
  <div>
    <p>+++</p>
    <p>+++</p>
  </div>
  <section>
    <p>+++</p>
    <p>+++</p>
  </section>
</main>