E[foo$=”bar”]セレクタで拡張子によってリンク色を変更する

E[foo$="bar"]を利用することでfoo属性の文末の値がbarで終わる場合に適用されるスタイルを指定できます。

CSS

a {
 color:#000;
}
a[href$=".jpg"] {
  color:#f00;
}

JPEG画像へリンクしているもののみ、リンクテキストの色が赤になります。
CSS3を利用すると本当に色々できますね。