Selectores universales

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

BCD tables only load in the browser