El selector universal CSS (*) coincide con elementos de cualquier tipo.

/* Selecciona todos los elementos */
* {
  color: green;
}

A partir de CSS3, el asterisco se puede usar en combinación con namespaces:

  • ns|* - coincide con todos los elementos en el espacio de nombres ns
  • *|* - coincide con todos los elementos
  • |* - matches all elements without any declared namespace

Sintaxis

* { style properties }

El asterisco es opcional con selectores simples. Por ejemplo, *.warning y .warning son equivalentes.

Ejemplos

CSS

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

*.warning {
  color: red;
}

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

.floating {
  float: left
}

/* despejar automáticamente el siguiente hermano después de un elemento flotante */
.floating + * {
  clear: left;
}

HTML

<p class="warning">
  <span lang="en-us">Un span verde</span> en un párrafo rojo.</span>
</p>
<p id="maincontent" lang="en-gb">
  <span class="warning">Un span rojo</span> en un párrafo verde.</span>
</p>

Resultado

Especificaciones

Especificación Estado Comentarios
Selectors Level 4
La definición de 'universal selector' en esta especificación.
Working Draft Ningún cambio.
Selectors Level 3
La definición de 'universal selector' en esta especificación.
Recommendation Define el comportamiento con respecto a los espacios de nombres y agrega la sugerencia de que se permite omitir el selector dentro de los pseudo-elementos.
CSS Level 2 (Revision 1)
La definición de 'universal selector' en esta especificación.
Recommendation Definición Inicial.

Compatibilidad con navegadores

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidiOS SafariSamsung Internet
Soporte básicoChrome Soporte completo 1Edge Soporte completo 12Firefox Soporte completo 1IE Soporte completo 7Opera Soporte completo SiSafari Soporte completo SiWebView Android Soporte completo SiChrome Android Soporte completo SiEdge Mobile Soporte completo SiFirefox Android Soporte completo 4Opera Android Soporte completo SiSafari iOS Soporte completo SiSamsung Internet Android Soporte completo Si
Namespaces (*|*)Chrome Soporte completo SiEdge Soporte completo SiFirefox Soporte completo 1IE Soporte completo 9Opera Soporte completo 8Safari Soporte completo 1.3WebView Android Soporte completo SiChrome Android Soporte completo SiEdge Mobile Soporte completo SiFirefox Android Soporte completo 4Opera Android Soporte completo SiSafari iOS Soporte completo SiSamsung Internet Android Soporte completo Si

Leyenda

Soporte completo  
Soporte completo

Etiquetas y colaboradores del documento

Colaboradores en esta página: lajaso, israel-munoz
Última actualización por: lajaso,