列表導航欄問題（顏色，功能）

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是唯一的。