सीएसएस विशेषता चयनकर्ता एक href

Question

काम नहीं करता है मुझे विभिन्न रंग और छवि पर लिंक बदलने के लिए सीएसएस में विशेषता चयनकर्ता का उपयोग करने की आवश्यकता है, लेकिन यह काम नहीं करता है।

<a href="/manual.pdf">A PDF File</a> 

और यह सीएसएस:

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

क्यों पृष्ठभूमि लाल नहीं है

मैं इस एचटीएमएल है?

Answer 1

अपने href के बाद $ का उपयोग करें। यह स्ट्रिंग के अंत से मेल खाने के लिए विशेषता मान बनाएगा।

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

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

E[foo]  an E element with a "foo" attribute (CSS 2) 
E[foo="bar"] an E element whose "foo" attribute value is exactly equal to "bar" (CSS 2) 
E[foo~="bar"] an E element whose "foo" attribute 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" attribute value begins exactly with the string "bar" (CSS 3) 
E[foo$="bar"] an E element whose "foo" attribute value ends exactly with the string "bar" (CSS 3) 
E[foo*="bar"] an E element whose "foo" attribute value contains the substring "bar" (CSS 3) 
E[foo|="en"] an E element whose "foo" attribute has a hyphen-separated list of values beginning (from the left) with "en" (CSS 2) 

स्रोत: http://www.w3.org/TR/selectors/