Universal selectors

Il selettore universale CSS (*) corrisponde ad elementi di qualsiasi tipo.

/* Seleziona tutti gli elementi */
* {
  color: green;
}

A partire dal CSS3, l'asterisco può essere usato in combinazione con namespaces (en-US):

  • ns|* - corrisponde a tutti gli elementi del namespace ns
  • *|* - corrisponde a tutti gli elementi
  • |* - corrisponde a tutti gli elementi senza alcun namespace dichiarato

Sintassi

* { style properties }

L'asterisco è opzionale con i selettori semplici. Per esempio, *.warning e .warning sono equivalenti.

Esempio

CSS

* [lang^=en] {
  color: green;
}

*.warning {
  color: red;
}

*#maincontent {
  border: 1px solid blue;
}

.floating {
  float: left
}

/* Aggiungi clear automatico al fratello immediatamente successivo dopo un elemento flottante */
.floating + * {
  clear: left;
}

HTML

<p class="warning">
  <span lang="en-us">Uno span verde</span> in un paragrafo rosso.
</p>
<p id="maincontent" lang="en-gb">
  <span class="warning">Uno span rosso</span> in un paragrafo verde.
</p>

Risultati

Specifiche

Specifica Status Commenti
Selectors Level 4
The definition of 'universal selector' in that specification.
Working Draft Nessun cambiamento
Selectors Level 3
The definition of 'universal selector' in that specification.
Recommendation Definisce il comportamento relativo ai namespace e aggiunge il consiglio per cui omettere il selettore sia consentito nell'ambito degli pseudo-elementi
CSS Level 2 (Revision 1)
The definition of 'universal selector' in that specification.
Recommendation Definizione iniziale

Compatibilità Browser

BCD tables only load in the browser