SELECTORS - CSS: Professional Techniques for Modern Layout - page 59

a[href^="http"] { font-weight : bold ;}

Or something slightly more complicated, like this:

a[href^="http"] { padding-right : 18px ;
background : url(/pix/external.png) 100% 50% no-repeat ;}

h e result is that seen in Figure 2-14.

Figure 2-14: Adding icons to links that start with http .

In order to select based on a substring at the end of an attribute value, use this pattern: 61

a[href$=".pdf"]

h anks to the dollar sign ( $ ), that rule selects any a whose href attribute ends with .pdf .
h is is a really simple way to call attention to your PDF-download links with ease (as in
Figure 2-15). For example:

a[href$=".pdf"] { padding-right : 18px ;
background : url(/pix/pdf.png) 100% 50% no-repeat ;}