Selector por valor de atributo
El selector por valor de atributo permite seleccionar elementos por la presencia de un atributo específico o su valor y aplicarles el estilo deseado.
Ejemplo
Volvámonos a la etiqueta input,
para la cual el valor del atributo type
es igual a text, y asignémosle un color azul
de fondo:
<p>
<label>Introduce texto</label>
<input type="text">
</p>
<p>
<label>Introduce número</label>
<input type="number">
</p>
input[type="text"] {
background-color: #C2DDFD;
}
:
Véase también
-
selector de atributo,
que busca un elemento por el nombre del atributo -
selector de atributo,
que busca un elemento por el inicio del valor del atributo -
selector de atributo,
que busca un elemento por el final del valor del atributo -
selector de atributo,
que busca un elemento por el texto en el valor del atributo -
selector de atributo,
que busca un elemento por uno de los valores del atributo -
selector de atributo,
que busca un elemento por un guion en el valor del atributo -
Selector hijo,
que permite seleccionar elementos por anidamiento directo -
Selector contextual,
que permite seleccionar un elemento por su elemento padre -
Selector adyacente,
que permite seleccionar un elemento por su vecino -
Selector de hermanos general,
que permite seleccionar elementos después de uno dado -
Selector universal,
que permite seleccionar todos los elementos
