Универсален селектор во CSS

Универсалниот селектор * овозможува избор на сите елементи.

Пример

Ајде да ги избереме сите елементи и да ги обоїме во црвена боја:

css* {
  color: red;
}

Пример

Ајде да ги избереме сите елементи кои се наоѓаат внатре во тегот div и да ги обоїме во црвена боја:

cssdiv * {
  color: red;
}

Пример

Ајде да ги избереме сите елементи кои директно се наоѓаат внатре во тегот div и да ги обоїме во црвена боја:

cssdiv > * {
  color: red;
}

Пример

Ајде да ги избереме сите тегови span кои се наоѓаат внатре во кој било тег, кој пак се наоѓа внатре во тегот div:

cssdiv * span {
  color: red;
}

Практични задачи

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