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:

  • 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

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
Universal selector (*)Chrome Full support 1Edge Full support 12Firefox Full support 1IE Full support 7Opera Full support 3.5Safari Full support 1WebView Android Full support ≤37Chrome Android Full support 18Firefox Android Full support 4Opera Android Full support 10.1Safari iOS Full support 1Samsung Internet Android Full support 1.0
Namespaces (*|*)Chrome Full support 1Edge Full support 12Firefox Full support 1IE Full support 9Opera Full support 8Safari Full support 1.3WebView Android Full support ≤37Chrome Android Full support 18Firefox Android Full support 4Opera Android Full support 10.1Safari iOS Full support 1Samsung Internet Android Full support 1.0

Legend

Full support  
Full support