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

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
Universal selector (*)
Namespaces (*|*)

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support