Selectores universales
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
BCD tables only load in the browser