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:

html<p>
  <label>Introduce texto</label>
  <input type="text">
</p>
<p>
  <label>Introduce número</label>
  <input type="number">
</p>

cssinput[type="text"] {
  background-color: #C2DDFD;
}

Результат:

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