[CSS]リンク先や拡張子ごとにリンクのアイコンを変更するスタイルシート

外部リンクでアイコンを変更する場合

a[href^="http://"]{
background:transparent url(../images/external.png) center rightright no-repeat;
display:inline-block;
padding-right:15px;
}

判別する箇所のサンプル -mailto

a[href^="mailto:"]

判別する箇所のサンプル -PDF

a[href$='.pdf']

判別する箇所のサンプル -圧縮ファイル

a[href$='.zip'], a[href$='.rar'], a[href$='.gzip']

判別する箇所のサンプル -画像

a[href$='.gif'], a[href$='.jpg'], a[href$='.jpeg'], a[href$='.png']

判別する箇所のサンプル -ドキュメント

a[href$='.xls'], a[href$='.csv'], a[href$='.doc'], a[href$='.txt']