Html 为什么我的超链接css不工作

我一直在努力解决这个问题，但我不知道发生了什么。基本上，我的html上有超链接，我想从蓝色改为其他颜色。然而，由于某种原因，它只是不起作用，我设法摆脱了下划线，但我不能改变颜色

HTML

        <nav align="middle">

        <ul>
            <li><a href="#">Videos</a></li>
            <li><a href="#">News</a></li>
            <li><a href="#"><img src="images/logo.png" class="home" style="height:80px; width:80px;"></a></li>
            <li><a href="#">Games</a></li>
            <li><a href="#">Music</a></li>
        </ul>



    </nav>

如需更多信息，请单击

---

在获取更多信息之前，请单击。

使用

a:link，a:visted

而不仅仅是

a

<代码>a本身不够具体，无法覆盖设置蓝色的标准规则。查看chrome或firefox中的开发工具检查示例。我打赌你有另一个样式覆盖了它。我试过了，但我没有使用

a:link，a:visted

而不是

a

<代码>a本身不够具体，无法覆盖设置蓝色的标准规则。查看chrome或firefox中的开发工具检查示例。我打赌你有另一种风格覆盖它。我试过了，但没有work@usernameisnotprogrammedyet对我有效看到尝试使用内联css（）是否有效？@usernameisnotprogrammed对我有效看到尝试使用内联css（）是否有效？

li {

display: inline;
margin-right: .75em;
list-style: none;
margin: 0;
padding: 60px;

}

html,body {
height: 100%;
overflow: hidden;  
}

a {
color: black;
text-decoration: inherit;
}

ul {
position: fixed;
width: 100%;
list-style: none;
margin: 0;
padding: 0;
border: 2px solid #ccc;
border-width: 3px 0;  

}

/* unvisited link */
a:link {
    color: #FF0000;
}

/* visited link */
a:visited {
    color: #00FF00;
}

/* mouse over link */
a:hover {
    color: #FF00FF;
}

/* selected link */
a:active {
    color: #0000FF;
}