Lien href non souligné à cause d'un menu. Résolu/Fermé

Question

Salut !
J'ai suivi un tuto pour créer un menu horizontal. Il marche trop bien ! Voilà le problème. A cause d'une text-decoration: none, mes liens href ne sont plus soulignés.

Voilà le code CSS :

nav ul
 {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  background-color: #333333;
 }

nav li
 {
  display: inline-block;
  padding: 0px;
  margin: 0px;
  width: 120px;
  height: 40px;
  border-right: 1px solid #CCCCCC;
  text-align: center;
  line-height: 40px;
 }

nav li a
 {
  text-decoration: none;
  color: #FFFF00;
  display: block;
 }

nav li :hover
 {
  background-color: #3388BB;
 }

Et la partie HTML :

<nav>
<ul class="nav">
<li><a href="#home" rel="nofollow noopener noreferrer" target="_blank">Home</a></li><!--
--><li><a href="#news" rel="nofollow noopener noreferrer" target="_blank">News</a></li><!--
--><li><a href="javascript:void(0)" rel="nofollow noopener noreferrer" target="_blank">Dropdown</a></li>
</ul>
</nav>

Si je mets un truc CSS du genre :
a:hover {text-decoration: underline; color: #FF0000;}
mon menu se retrouve souligné en rouge. Je voudrais donc que seul le menu soit non souligné par les autres liens href oui. Merci

1Seb · Answer

Bonjour, J'aurai mis une classe aux liens Ensuite ajouter au css a.abc { text-decoration: none; } ou un style dans les liens Seb

Lien href non souligné à cause d'un menu.

1 réponse

Discussions similaires