[CSS] リンクファイルタイプごとに、頭のアイコンを変える

まだ一度も実装したことがない（そこまで要求されるのかもよく分からない）けど、いつか使いたいと思っているアレ。

HTMLは普通のリンクだけど、リンクされるファイルタイプによって頭のアイコンが変化するってアレです。

PDFの場合…

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

拡張子を変えていけば、それぞれにアイコンを変更出来るはず。
たしか似たようなので外部リンクだけアイコン変えるっていうのもあったような。