Please note, this is a STATIC archive of website developer.mozilla.org from November 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.
Los selectores de atributo seleccionan un elemento usando un atributo especificado o el valor del mismo.
[atrib]
Selecciona los elementos que tienen el atributo atrib.
[atrib=val]
Selecciona los elementos cuyo atributo atrib tenga exactamente el valor val.
[atrib~=val]
Selecciona los elementos cuyo atributo atrib tenga por valor una lista de palabras separadas por espacios, una de las cuales sea val.
[atrib|=val]
Selecciona los elementos cuyo atributo atrib tenga exactamente el valor val o empiece por val seguido de un guión (“-” U+002D). Se puede usar para coincidencias de subcódigos en otros idiomas.
[atrib^=val]
Selecciona los elementos cuyo atributo atrib tenga un valor empezado por val.
[atrib$=val]
Selecciona los elementos cuyo atributo atrib tenga un valor terminado por val.
[atrib*=val]
Selecciona los elementos cuyo atributo atrib tenga un valor que contenga val.
Ejemplo
/* Todos los span con el atributo "lang" en negrita */
span[lang] {font-weight:bold;}
/* Todos los span en portugués en verde */
span[lang="pt"] {color:green;}
/* Todos los span en inglés americano en azul */
span[lang~="en-us"] {color: blue;}
/* Cualquier span en chino en rojo, selecciona chino simplificado (zh-CN) y tradicional (zh-TW) */
span[lang|="zh"] {color: red;}
/* Todos los enlaces internos con el fondo dorado */
a[href^="#"] {background-color:gold}
/* Todos los enlaces cuya URL acabe en ".cn" en rojo */
a[href$=".cn"] {color: red;}
/* Todos los enlaces cuya URL contenga "example" con el fondo gris */
a[href*="example"] {background-color: #CCCCCC;}