CSS-də Universal Seçici

Universal seçici * bütün elementləri seçməyə imkan verir.

Nümunə

Gəlin bütün elementləri seçək və onları qırmızı rəngə boyayaq:

css* {
  color: red;
}

Nümunə

Gəlin div teqinin içində olan bütün elementləri seçək və onları qırmızı rəngə boyayaq:

cssdiv * {
  color: red;
}

Nümunə

Gəlin div teqinin birbaşa içində olan bütün elementləri seçək və onları qırmızı rəngə boyayaq:

cssdiv > * {
  color: red;
}

Nümunə

Gəlin div teqinin içində olan hər hansı teqin içində yerləşən bütün span teqlərini seçək:

cssdiv * span {
  color: red;
}

Praktiki Tapşırıqlar

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