リンク先の拡張子に合わせてアイコンを表示する

Ads

Result


[href$=pdf]等のように拡張子を限定してアイコンを付与する

css

a[href$=pdf]{
  background: url(pdf.png) no-repeat left center;
}
a[href$=doc]{
  background: url(doc.png) no-repeat left center;
}
a[href$=xls],
a[href$=csv]{
  background: url(xls.png) no-repeat left center;
}

html

<a href="archivo.pdf">PDFファイル</a>
<a href="archivo.doc">DOCファイル</a>
<a href="archivo.xls">XLSファイル</a>

via

#3 Selector de Atributo $=