Le sélecteur d’atsortingbut CSS ne fonctionne pas avec un href

Je dois utiliser le sélecteur d’atsortingbut dans CSS pour changer le lien sur une couleur et une image différentes, mais cela ne fonctionne pas.

J’ai ce html:

A PDF File 

Et ce css:

 a { display: block; height: 25px; padding-left: 25px; color:#333; font: bold 15px Tahoma; text-decoration: none; } a[href='.pdf'] { background: red; } 

Pourquoi l’arrière-plan n’est-il pas rouge?

Utilisez le $ après votre href. Cela rendra la valeur de l’atsortingbut correspondant à la fin de la chaîne.

 a[href$='.pdf'] { /*css*/ } 

JSFiddle: http://jsfiddle.net/UG9ud/

 E[foo] an E element with a "foo" atsortingbute (CSS 2) E[foo="bar"] an E element whose "foo" atsortingbute value is exactly equal to "bar" (CSS 2) E[foo~="bar"] an E element whose "foo" atsortingbute value is a list of whitespace-separated values, one of which is exactly equal to "bar" (CSS 2) E[foo^="bar"] an E element whose "foo" atsortingbute value begins exactly with the ssortingng "bar" (CSS 3) E[foo$="bar"] an E element whose "foo" atsortingbute value ends exactly with the ssortingng "bar" (CSS 3) E[foo*="bar"] an E element whose "foo" atsortingbute value contains the subssortingng "bar" (CSS 3) E[foo|="en"] an E element whose "foo" atsortingbute has a hyphen-separated list of values beginning (from the left) with "en" (CSS 2) 

source: http://www.w3.org/TR/selectors/