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

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;} 永远记住ids是唯一的。