¿Qué es un selector de atributos en CSS?

El selector de atributos en CSS permite seleccionar elementos HTML en función de la presencia o el valor de un atributo específico. Esto es útil cuando se desea aplicar estilos a elementos con atributos concretos, por ejemplo, enlaces con un href determinado o inputs de tipo checkbox.

Ejemplo de uso:

/* Seleccionar todos los elementos con el atributo title */
[title] {
  color: blue;
}

/* Seleccionar todos los input con type="text" */
input[type="text"] {
  border: 1px solid #ccc;
}

/* Seleccionar todos los enlaces cuyo href comienza con https */
a[href^="https"] {
  font-weight: bold;
}

De esta manera, los selectores de atributos amplían las posibilidades de estilización, permitiendo dirigir los estilos a elementos según sus atributos.