CSS'te Evrensel Seçici

Evrensel seçici *, tüm öğeleri seçmeye izin verir.

Örnek

Tüm öğeleri seçelim ve onları kırmızı renge boyayalım:

css* {
  color: red;
}

Örnek

div etiketinin içinde bulunan tüm öğeleri seçelim ve onları kırmızı renge boyayalım:

cssdiv * {
  color: red;
}

Örnek

div etiketinin doğrudan içinde bulunan tüm öğeleri seçelim ve onları kırmızı renge boyayalım:

cssdiv > * {
  color: red;
}

Örnek

Sırayla div etiketinin içinde bulunan herhangi bir etiketin içinde bulunan tüm span etiketlerini seçelim:

cssdiv * span {
  color: red;
}

Pratik Görevler

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