JSFiddle - React, Tailwind, and code Playground

by dima_k

HTML

<p>
    This is some <a href="file.pdf">link</a> to pdf file
</p>
<p>
    And here we have <a href="file.docx">link</a> to a word file
</p>

CSS

a[href$='.pdf'] {
   background: url('http://dobigeon.perso.enseeiht.fr/img/pdf_icon.png') center  left no-repeat;
   padding-left: 20px;
}
a[href$='.docx'] {
   background: url('http://www.gzind.com/resources/images/icons/file_types/16x16/icon_word.png') center  left no-repeat;
   padding-left: 20px;
}