導航欄訪問選擇器不改變顏色

我的導航欄出現問題。我希望它在鏈接訪問後顯示不同的顏色。我從代碼學院，Stack O/F和其他站點讀到一個答案，說：「僞class_selector必須遵循以下順序才能正常工作：：link ：visited ：hover」（codeacademy-Samrudhi Sharma提交）。我試過了，但沒有發生。我現在真的很困惑。謝謝你的幫助。我的代碼：導航欄訪問選擇器不改變顏色

#nav { 
    width:100%; 
    float: left; 
    margin: 20px; 
    padding: 0; 
    border-top: 5.5px solid red; 
     border-bottom: 5.5px solid red; 
     line-height: 1.8em; 
     display:inline-block; 
    clear:both; 
} 

#nav ul { 
    float: left; 
    margin: auto; 
    width: 1024px; 
    margin:0px; 
    list-style: none; 
} 

#nav ul li { 
    color: orange; 
    font-size:1.5em; 
    float: left; 
    width: 150px; 
    padding: 0px; 
    margin:0px; 
    list-style:none; 

} 

#nav ul li a { 
    border-left:1px solid #fff; 
    text-align:center; 
    display: block; 
    width: auto; 
    height: 25px; 
    text-decoration: none; 
} 

#nav ul li:visited a{ 
    background:yellow; 
    color:#FFFFFF; 
    text-decoration:none; 
} 

#nav ul li:hover a{ 
    background:#C60; 
    color:#FFFFFF; 
    text-decoration:none; 
}

來源

2014-03-24 user2847948

在<a>廣場a:visited。

有一個小提琴 - Fiddle link!（在的jsfiddle頭點擊「運行」，如果黃不渲染。）

CSS

#nav li a:visited { 
    background:yellow; 
    color:#F00; 
    text-decoration:none; 
}

來源

2014-03-24 15:30:01 misterManSam

這工作！幾個星期前，我碰到了一些指令，詳細說明了如何創建一個水平導航欄，並且指令對每個元素都有一個解釋。我以爲我救了它。 – user2847948

有很多例子:)你現在擁有的是一個很好的基礎，你可以改進和學習。 – misterManSam

另外，如果用戶訪問每個頁面，整個導航欄將被訪問......我不確定是否「a：visited」對導航有用。 – misterManSam

，你應該在你的錨使用僞類，而不是在列表元素上。所以a:visited而不是li:visited，因爲你訪問錨的鏈接，而不是列表元素的;）

來源

2014-03-24 15:31:32 Lorti

你的解釋將對我未來的導航欄有很大的幫助。謝謝 – user2847948

導航欄訪問選擇器不改變顏色

回答

相關問題