Selectores universales

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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

css
/* 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

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

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

Specification
Selectors Level 4
# the-universal-selector

Compatibilidad con navegadores