更改菜单中链接的悬停颜色

时间:2018-03-24 09:55:42

标签: html css

我希望对这个网站做一些CSS改编:

www.cocoto.eu

我想更改主导航菜单项的悬停颜色(例如“Versandkosten”)。

任何人都可以向我展示我需要用来实现的代码吗?因为我无法找到它 感谢并抱歉这个初学者问题。

3 个答案:

答案 0 :(得分:3)

<ul class="main-nav">
  <li class="nav-item">
    <a class="nav-link">ES24</a>
    <a class="nav-link">Versandkosten</a>
  </li>
</ul>

因此,通过使用以下语法:class1&gt; class2&gt; class3,您可以根据需要设置悬停时的链接样式。

.main-nav>.nav-item>.nav-link:hover {
    color: red;
}

检查此链接以获取链接的不同状态的详细信息:

https://www.w3schools.com/css/css_link.asp

答案 1 :(得分:-1)

&#13;
&#13;
<a onMouseOver="this.style.color='#FF4223'"
   onMouseOut="this.style.color='blue'"><u>Hower me</u></a><br>
&#13;
&#13;
&#13;

答案 2 :(得分:-1)

    .main-nav>.nav-item>.nav-link:hover {
    color: yellow;
}