Καθολικός Επιλογέας στο 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>