Yleinen valitsin CSS:ssä

Yleinen valitsin * mahdollistaa kaikkien elementtien valitsemisen.

Esimerkki

Valitaan kaikki elementit ja väritetään ne punaisella:

css* {
  color: red;
}

Esimerkki

Valitaan kaikki div-tagin sisällä olevat elementit ja väritetään ne punaisella:

cssdiv * {
  color: red;
}

Esimerkki

Valitaan kaikki elementit, jotka ovat suoraan div-tagin sisällä, ja väritetään ne punaisella:

cssdiv > * {
  color: red;
}

Esimerkki

Valitaan kaikki span-tagit, jotka ovat minkä tahansa tagin sisällä, joka puolestaan on div-tagin sisällä:

cssdiv * span {
  color: red;
}

Käytännön tehtävät

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