列出导航条问题(颜色，功能)

Question

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

我不能更改列表项的文本颜色，并且由于某些原因我不能再点击我的链接了(我能够点击它们一段时间之前在开发中，不知道他们何时停止工作)。

条目现在的样子:

http://gyazo.com/c089ed3f21368d4d2a1d91a52e129222.png

HTML:

<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>

CSS:

#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;   
}

Answer 1

找到了:

看这个jsFiddle。颜色出现问题是因为您没有指定a:visited和a:link，所以颜色是紫色的。

不可点击的问题…有一些与href="#"或其他代码在你的网站上，防止它…我已经链接了一个按钮在jsFiddle谷歌，它保持工作后第一次点击。

Answer 2

访问链接后，样式停止工作。试着实现这个:#nav a:visited {color: white;}永远记住id是唯一的