求助：CSS超链接，选中中再点击其它地方，设置的选中样式就消失了。_html/css

来源：动视网责编：小采时间：2020-11-27 15:47:33

求助：CSS超链接，选中中再点击其它地方，设置的选中样式就消失了。_html/css

求助：CSS超链接，选中中再点击其它地方，设置的选中样式就消失了。_html/css_WEB-ITnose:CSS设置： #page a:hover {text-decoration:none; color:red;} #page a:active {text-decoration:underline; color:red;} 选中后，再点击其它空白地方，设置的 a:active样式就消失了。应该是该样式一直保留到点击同一级别的其它链接才对啊.

推荐度：

点击下载本文 文档为doc格式

导读求助：CSS超链接，选中中再点击其它地方，设置的选中样式就消失了。_html/css_WEB-ITnose:CSS设置： #page a:hover {text-decoration:none; color:red;} #page a:active {text-decoration:underline; color:red;} 选中后，再点击其它空白地方，设置的 a:active样式就消失了。应该是该样式一直保留到点击同一级别的其它链接才对啊.

CSS设置：

#page a:hover {text-decoration:none; color:red;}
#page a:active {text-decoration:underline; color:red;}

选中后，再点击其它空白地方，设置的 a:active样式就消失了。应该是该样式一直保留到点击同一级别的其它链接才对啊...

回复讨论(解决方案)

伪类，兼容性不是很好。你可以用 js 来做一个点击后增加一个 class 上去。

a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 */a:hover {color: #FF00FF} /* 当有鼠标悬停在链接上 */a:active {color: #0000FF} /* 被选择的链接 */

这个只有被激活状态的时候，才算符合条件吧

CSS code?1234a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 */a:hover {color: #FF00FF} /* 当有鼠标悬停在链接上 */a:active {color: #0000FF} /* 被选择的链接 */

这个只有被激……

这个在点击链接的时候不就算激活吗啊？

这个应该是点击的那一下，鼠标没有松开之前。正在操作的过程中。。

这个应该是点击的那一下，鼠标没有松开之前。正在操作的过程中。。

好吧，那请问下，怎么改呢？

改成a:visited不能达到你要的效果吗？
或者，如果你要的效果比较多的话，可以组合使用啊
比如a:visited:hover，这样表示已经访问过的链接，再有鼠标悬浮时的情况。
按照自己的情况自己组合试试。

不过，如果操作次数多了话，最好清一下缓存，因为浏览器会记住你之前访问的网站，刷新之后，还是会显示已经访问过的情况。

改成a:visited不能达到你要的效果吗？
或者，如果你要的效果比较多的话，可以组合使用啊
比如a:visited:hover，这样表示已经访问过的链接，再有鼠标悬浮时的情况。
按照自己的情况自己组合试试。

+1