求助：CSS超链接，选中中再点击其它地方，设置的选中样式就消失了。_html/css_WEB-ITnose
2016-06-24 12:16:52原创579
CSS设置：
#page a:hover {text-decoration:nonecolor:red}
#page a:active {text-decoration:underlinecolor: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，这样表示已经访问过的链接，再有鼠标悬浮时的情况。
按照自己的情况自己组合试试
CSS 有很多令人欣喜的小技巧，可以让我们的页面效果更加美丽，现在，就让我们来看看工作中非常实用的 CSS 技巧吧。
当我们选中网页上的文字时，通常的效果是蓝底白字，其实，底色和字体颜色是可以改变的。
我们可以使用伪元素来实现这种效果：
首字下沉，是否似曾相识呢？哦，是在以前学 word 软件文字排版的时候。在一些报纸上经常都会看见首字下沉的效果，其他文字围绕在它周围。
看上去还是这么回事。
通过锚点，我们可以滚动到网页特定的位置，原始的锚点跳转是没有过渡效果的。注意滚动条：
通过 CSS scroll-behavior 属性可以让滚动变得更加丝滑。
caret-color 属性可以让我们自定义 input 框闪烁的光标，是不是很神奇鸭
给透明背景图片加背景，感觉很厉害的样子。两行 CSS 样式九搞定咯：
我们可以修改滚动条的样式，滚动条变得更加炫酷。
如果你不想让用户选中页面上的文字，就可以用这个特性了。
很多情况下都需要应用到IE盒子模型的特性，让元素的宽度、高度包含border和padding。
