JSFiddle - React, Tailwind, and code Playground

HTML

<h2>Downloads</h2>
<a href="http://www.georges-rech.fr/media/Retours/retour.fr.pdf">Lorem Text</a><br>
<a href="http://minionslovebananas.com/images/check-in-minion.jpg">Minion image</a>

CSS

a[href$=".pdf"]:after { 
    content: " (PDF)";
}
a[href$=".jpg"]:after { 
    content: " (JPG)";
}