href链接颜色是全球化的,如何更改特定链接的颜色?

时间:2017-11-23 00:58:57

标签: html css

所以我创建了一个包含大量链接的网站,但是在点击链接后我不喜欢颜色变化,所以我在我的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;
}

这适用于它的目的,但是,我的NAV栏使用了一个开关链接,我需要文本是白色的。我尝试使用<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>

1 个答案:

答案 0 :(得分:1)

您可以在菜单中为这些a标记添加特定的CSS。

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

如果您想要hovervisited等,请以相同方式添加更多CSS。