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 julio de 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
Loading…