dirigido a los elementos HTML con cualquier valor de atributo en css

en css, es posible dirigir elementos basados ​​en atributos específicos, como se ilustra en el ejemplo a continuación:

input[type=text] {
    font-family: Consolas;
}

Sin embargo, surge una pregunta común: ¿pueden los elementos dirigirse en función de cualquier valor de atributo? Este artículo explora este tema.

usando el selector de atributos

para apuntar a los elementos con cualquier valor de atributo, se puede emplear el selector de atributos. Al omitir el valor después del nombre del atributo, se seleccionan todos los elementos con ese atributo. Por ejemplo:

a[rel] {
    color: red;
}

Con esta regla, el fragmento HTML proporcionado peinaría el primer y el tercero red text standard text red text again

Este comportamiento refleja el cura de cursor predeterminado: el estilo de puntero aplicado a etiquetas con atributos href definidos.

que maneje los valores vacíos Valores de atributo. Esto se puede lograr usando: no pseudo-class junto con el selector de atributos: