Html 列出导航栏问题（颜色、功能）

我使用无序列表创建了一个导航栏。我的问题是：

我无法更改列表项文本的颜色，并且由于某些原因，我无法再单击我的链接（我能够在开发过程中单击它们，不知道它们何时停止工作）

下面是这些项目现在的样子：

HTML:

找到它：

看看这个。出现颜色问题是因为您没有指定

a:visted

以及

a:link

，因此颜色为紫色

---

不可点击的问题。。与

href=“#”

或网站上阻止它的其他代码有关。。我已经将JSFIDLE中的一个按钮链接到了google，它在第一次点击后继续工作。在访问链接后尝试一下，您的样式将停止工作。尝试实现以下功能：

#导航a:已访问{color:white；}

---

始终记住id是唯一的。

可以附加JSFIDLE吗？也不要将两个元素的id设置为相同的。ID必须是唯一的。而是使用一个类。

<div class="grid_16 alpha" id="header">
    <ul id="nav" class="grid_4 prefix_1">
        <li id="nav_home"><a href="#">Home</a></li>
        <li id="nav_home"><a href="#">News</a></li>             
    </ul>
</div>

#nav {
    color:white;
    margin-top: 54px;
}

#nav li {
    color: white;
    display: inline;        
}

#nav a:link {
    font-family: ColaborateThinRegular; 
    font-size: 18px;
    text-decoration: none;
    background-color: #353535;
    padding: 5px 20px;
    margin-right: 15px; 
    color: white;
    box-shadow: 1px 1px 3px #000;   
}