CSS! Раждането на нов стил.

a[href $='.pdf'] {
padding-right: 18px;
background: transparent url(icon_pdf.gif) no-repeat center right;
}

Нямах никакв апредстава, че може да се вика по този начин CSS!
Има безброй начини за ползване на това, като в примера тук се прикача иконка след всеки линк към pdf файл! Същото важи и за определени ID-та:

span[id ^='google'] {
background-color: green;
}

Ето и селекторите:

[foo]        -- Has an attribute named "foo"
[foo="bar"]  -- Has an attribute named "foo" with a value of "bar" ("bar")
[foo~="bar"] -- Value has the word "bar" in it somewhere ("blue bar stools")
[foo^="bar"] -- Value begins with "bar" ("barstool")
[foo$="bar"] -- Value ends with "bar" ("I was at the bar")
[foo*="bar"] -- Value has bar somewhere ("I was looking for barstools")

Лично за мен това е безкрайно полезно, като ще ми спести доста време в писане на описи за отделни класове и тагове

Линк http://www.hunlock.com/blogs/Attach_icons_to_anything_with_CSS