李：懸停訪問顏色

我在我的李元素我有一個鏈接和一些文本包含在一個跨度。李：懸停訪問顏色

當我將鼠標懸停在li上時，我想更改文本和鏈接的顏色，但這很有效，但我努力設置訪問顏色並保持此功能。

這裏是我的代碼 -

HTML -

<ul id="progress" class="tour_1"> 
    <li> 
     <span class="number"><a href="http://mylink.com">1</a></span> 
     <span class="desc">A Link</span> 
    </li> 
</ul>

CSS -

#progress li { float: left; width: 20%; text-align:center; font-size: 12px; color: #CCC; z-index: 10 } 
#progress li .number { font-size: 24px; font-weight: 400; border: 2px solid #CCC; border-radius: 40px 40px 40px 40px; -moz-border-radius: 40px 40px 40px 40px; width: 30px; height: 30px; display: block; margin: 0 auto; background-color: #FFF } 
#progress li:hover, li:hover a:hover { color: #333; }

來源

2011-11-01 Tom

您需要設置一個visited狀態，如：

#progress li:hover a:visited 
{ 
background-color:yellow; 
}

http://www.w3schools.com/cssref/sel_visited.asp

來源

2011-11-01 15:30:07 Curt

謝謝，我曾經玩過很多組合，然後意識到我需要一個懸停的狀態和一個不停的時候訪問！一直在看代碼太久了！ '#progress li：hover，li：hover a：hover {color：＃333; } #progress li：hover a：visited {color：＃333} #progress a：visited {color：#CCC;}' – Tom

李：懸停訪問顏色

回答

相關問題