Selector por nombre de atributo

El selector por nombre de atributo establece el estilo para un elemento que tiene solo el atributo especificado en la etiqueta.

Ejemplo

Veamos la etiqueta <input>, con el atributo type, y establezcamos un color de fondo azul claro:

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

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

Результат:

selector de atributo,
que busca un elemento por el valor 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 padre
Selector adyacente,
que permite seleccionar un elemento por su vecino
Selector de hermanos,
que permite seleccionar elementos después de uno dado
Selector universal,
que permite seleccionar todos los elementos