html - href 链接颜色已全局化，如何更改特定链接的颜色？

Question

所以我正在制作一个包含很多链接的网站，但我不喜欢点击链接后颜色会发生变化，所以我在我的 css 中添加了以下属性。

a:link {
    text-decoration: none;
    color:black;
} 
a:visited {
    text-decoration: none;
    color:black;
} 
a:hover   {
    text-decoration: none;
    color:black;
} 
a:active  {
    text-decoration: none;
    color:black;
} 
a:focus{
    text-decoration: none;
}

这有效并达到了目的，但是，我的导航栏使用了一个切换链接，我需要文本为白色。我尝试使用 <font color="white> 将 div 中的特定文本设为白色我尝试通过 css 将我的特定 div 中的所有链接设为白色，但似乎没有任何效果。

导航代码:

<div class="div-right">
    <ul style="list-style: none;" class="menu">
       <li>
         <a href="javascript:;" onclick="changeTab(0)" >Home</a>
         <a href="javascript:;" onclick="changeTab(1)" >Projects</a>
       </li>
   </ul>

Answer 1

您可以为菜单中的那些 a 标签添加特定的 CSS。

.div-right > ul > li > a {
    color: white;
}

如果你想hover，visited等，以同样的方式添加更多的CSS