li:hover 访问过的颜色答案

【问题标题】：li:hover a visited colourli:hover 访问过的颜色
【发布时间】：2011-11-01 15:28:16
【问题描述】：

在我的 li 元素中，我有一个链接和一些包含在 span 中的文本。

当我将鼠标悬停在 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; }

【问题讨论】：

标签： html css colors hyperlink html-lists

【解决方案1】：

您需要设置visited 状态，例如：

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

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

【讨论】：

谢谢，我玩了很多组合，然后意识到我需要一个悬停状态和不悬停时的访问状态！看代码太久了！ #progress li:hover, li:hover a:hover { color: #333; } #progress li:hover a:visited { color: #333 } #progress a:visited {color: #CCC;}