Estes selectores colócanse xusto despois de calquera outro selector.

Os catro tipos de selectores de atributos son:

• selector[nombre_atributo]: selecciona os elementos que teñen establecido o atributo chamadonombre_atributo, independentemente do seu valor.
• selector[nombre_atributo="valor"]: selecciona os elementos que teñen establecido un atributo chamadonombre_atributo cun valor igual a valor.
• selector[nombre_atributo~="valor"]: selecciona os elementos que teñen establecido un atributo chamado nombre_atributo e polo menos un dos valores do atributo é valor.
• selector[nombre_atributo^="texto"]: selecciona os elementos que teñen establecido un atributo chamado nombre_atributo e cuxo valor comeza por texto. Este é un selector presente a partir de CSS3
• selector[nombre_atributo*="texto"]: selecciona os elementos que teñen establecido un atributo chamado nombre_atributo e cuxo valor contén texto. Este é un selector presente a partir de CSS3
• selector[nombre_atributo$="texto"]: selecciona os elementos que teñen establecido un atributo chamado nombre_atributo e cuxo valor remata en texto. Este é un selector presente a partir de CSS3

A continuación móstranse algúns exemplos destes tipos de selectores:

• O seguinte selector pon de color azul todos as ligazóns que teñan un atributo class, independentemente do seu valor:

  a[class] {color: blue;}

• O seguinte selector pon de color azul todas as ligazóns que teñan un atributo class co valor sin_sulinado:

  a[class="sin_sulinado"] {color: blue;}

   

• O seguinte selector pon de color azul todos as ligazóns que vaian a http://www.drodicio.com:

  a[href="http://www.drodicio.com"] {color: blue;}

   

• O seguinte selector pon de color azul todas as ligazóns que conteñan a palabra aula:

  a[href*="aula"] {color: blue;}

   

• O seguinte selector pon de color azul todas as ligazóns que apunten a unha dirección de correo:

  a[href^="mailto:"] {color: blue;}

   

• O seguinte selector pon de color azul todas as ligazóns que apunten a unha imaxe .jpg:

  a[href$=".jpg"] {color: blue;}