JSFiddle - React, Tailwind, and code Playground

HTML

<head>
<Title>Knihovna JQuery a selektory jazyka CSS</title>
</head>
<body>
<h1> Zprávy</h1>
<ul type="number">
        <li>Domácí
         <ul>
         <li> <a href="domaci.pdf">Přečíst </a></li>
         <li> Redaktor:
             <a href="mailto:[email protected]">Jan Divý </a></li>
         </ul>
         </li><br>
         <li>Zahraniční
        <ul>
         <li> <a href="zahraniční.pdf">Přečíst </a></li>
         <li> Redaktor:
              <a href="mailto:[email protected]">Lucie Kočanská </a></li>
         </ul>
         </li><br>
         <li> Sport
          <ul>
         <li> <a href="sport.pdf">Přečíst </a></li>
         <li> Redaktor:
              <a href="mailto:[email protected]">Petr Běhavý </a></li>
         </ul>
         </li><br>
          <li>Počasí
        <ul>
        
         <li> <a href="Pocasi.pdf">Přečíst </a></li>
         <li> Redaktor:
               <a href="mailto:[email protected]">Anna Moudrá </a></li>
         </ul>
         </li><br>
         <li>Zdroj:   <a href="http://www.cnn.com">CNN </a></li>
          </ul>
         
</body>

CSS

a.mail_icon {
              background: url(http://www.gilmorebrown.co.nz/files/images/graphics/email_ico.gif ) no-repeat right top;
              padding-right:20px;
              }
      
a.pdf_icon { background: url(http://www.heart-resources.org/wp-content/uploads/2011/12/pdf_icon.png) no-repeat right top;
          padding-right:18px;
          } 
    
    
a.standart{  color:#004276;
          }

JavaScript

$(document).ready(function(){
       $("a[href$='.pdf']").addClass("pdf_icon") ;
       $("a[href^='mailto:']").addClass("mail_icon") ;
       $("a[href^='http:']").addClass("standart") ;
       });