Selettore universale CSS (*)

Definizione e uso

Selettore universale CSS (*) utilizzato per selezionare tutti i tipi di elementi.

Selettore universale (*) è possibile selezionare anche tutti gli elementi all'interno di un altro elemento (vedi gli esempi seguenti).

Utilizzando @namespace In questo caso, il selettore può anche essere limitato per namespace.

  • ns|* - Seleziona tutti gli elementi nel namespace ns
  • *|* - Seleziona tutti gli elementi
  • |* - Seleziona tutti gli elementi che non hanno dichiarato alcun namespace

Esempio

Esempio 1

Seleziona e imposta lo stile di tutti gli elementi:

* {
  border: 2px solid green;
  background-color: beige;
}

Prova tu stesso

Esempio 2

Seleziona e imposta lo stile di tutti gli elementi all'interno dell'elemento <div>:

div * {
    background-color: yellow;
}

Prova tu stesso

Sintassi CSS

* {
  declarazioni css;
}

Sintassi CSS con namespace

namespace|* {
  declarazioni css;
}

Dettagli tecnici

Versione: CSS2

Supporto del browser

I numeri nella tabella rappresentano la versione del browser che supporta completamente il selettore.

Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto