・!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">" CSS Gallery

Step 4

リンク先の拡張子に応じて画像を変える

属性セレクタを用いることにより、リンク先の拡張子(.pdf、.zip等)の種類によって自動的にマーカー画像を切り替えることもできます。
拡張子ごとに画像を置換するだけでなく、外部リンクやmailto等、様々なリンク先に対応できます。