Универсален селектор во CSS
Универсалниот селектор * овозможува
избор на сите елементи.
Пример
Ајде да ги избереме сите елементи и да ги обоїме во црвена боја:
* {
color: red;
}
Пример
Ајде да ги избереме сите елементи кои се наоѓаат
внатре во тегот div и да ги обоїме во црвена
боја:
div * {
color: red;
}
Пример
Ајде да ги избереме сите елементи кои директно
се наоѓаат внатре во тегот div и да ги обоїме
во црвена боја:
div > * {
color: red;
}
Пример
Ајде да ги избереме сите тегови span кои
се наоѓаат внатре во кој било тег, кој пак
се наоѓа внатре во тегот div:
div * span {
color: red;
}
Практични задачи
Даден е кодот:
<main>
<p>---</p>
<p>---</p>
<div>
<p>+++</p>
<p>+++</p>
</div>
<section>
<p>+++</p>
<p>+++</p>
</section>
</main>
Напишете селектор кој ќе ги избере сите параграфи
кои се наоѓаат внатре во кој било родител внатре
во тегот main.