27403 sujets

CSS et mise en forme, CSS3

Salut à tous,
je galère sur une truc de base comme un C..
je suis sur que c'est simple mais je trouve pas.
je voudrais que lorsque je survole les liens du menu cela affiche une icon (ca c'est bon)
mais que quand on clique sur le lien, l'icone reste également sur le lien actif.
petit code :

....
<li>
<a class="nav-link underlined lelien" href="prestations/">PRESTATIONS</a>
</li>
...



.navbar-custom .navbar-nav > li > .lelien:hover:after{
font-family: 'lafamille';
content: "\ea05";
color: #f9ad1a;
position: absolute;
top: -6px;
right: -4px;
}


il faut surement ajouter un .active dans le CSS mais je n'arrive pas à trouver...

Merci d'avance de votre aide
Cdt
Modifié par spawns (04 Dec 2020 - 13:03)
Modérateur
Salut,

Tu veux dire une fois qu'on arrive sur la nouvelle page après avoir cliqué, que le lien de la page ou on est, ait un style différent dans le menu ? Tu as déjà un code php ou Js qui rajoute une classe .active sur le lien ?
Modérateur
Ah cool. Et bien tout simplement :

.navbar-custom .navbar-nav > li > .lelien:hover:after,
.navbar-custom .navbar-nav > li > .lelien.active:after {
font-family: 'lafamille';
content: "\ea05";
color: #f9ad1a;
position: absolute;
top: -6px;
right: -4px;
}

Non ?
Meilleure solution