gpt4 book ai didi

html - 李 :hover a visited colour

转载 作者:行者123 更新时间:2023-11-28 18:55:42 25 4
gpt4 key购买 nike

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

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

最佳答案

您需要设置一个已访问状态,例如:

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

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

关于html - 李 :hover a visited colour,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7968791/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com