JSFiddle - React, Tailwind, and code Playground

by Stéphane LEGRAND

HTML

<div id="navigation">
    <nav>
        <ul>
            <li id="lien_accueil"><a href="Accueil.php">ACCUEIL</a></li>
            <li><a id="lien_categories" href="categories.php">CATÉGORIES</a></li>
            <li><a id="lien_contact" href="#">CONTACT</a></li>
        </ul>
    </nav>
</div>

CSS

li #lien_accueil
{
    color: #d7d7d7;
    background-color:#3c3c3c;
    height: 50px;
    padding: 10px;
    padding-top: 20px;
}
 
 #navigation nav a
{
    font-size: 1.4em;
    text-decoration: none;
    color: #3c3c3c;
}
 
 #navigation nav a:hover
{
    color: #d7d7d7;
    background: url('images/sous-liens.png');
    height: 50px;
    padding: 10px;
    padding-top: 20px;
}