css如何使链接不变色?

css可以通过设置链接样式的伪类将不同情况的链接颜色设为同一种,实现链接不变色。可以使用:link、:visited、:hover、:active等几个伪类设置链接样式。

设置链接颜色的伪类:

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

设置链接样式伪类介绍:

:link 伪类

:link 伪类向未访问的链接添加特殊的样式。

这个伪类应用于尚未访问过的链接;也就是说,链接所指的 URI 尚未出现在用户代理的历史中。这种状态与 :visited 状态是互斥的。

:visited 选择器

:visited 选择器用于选取已被访问的链接。

提示:请使用 :link 选择器对指向未被访问页面的链接设置样式, :hover 选择器用于设置鼠标指针浮动到链接上时的样式,:active 选择器用于设置点击链接时的样式。

:hover 选择器

:hover 选择器用于选择鼠标指针浮动在上面的元素。

提示::hover 选择器可用于所有元素,不只是链接。

提示::link 选择器设置指向未被访问页面的链接的样式,:visited 选择器用于设置指向已被访问的页面的链接,:active 选择器用于活动链接。

注释:在 CSS 定义中,:hover 必须位于 :link 和 :visited 之后(如果存在的话),这样样式才能生效。

:active 选择器

:active 选择器用于选择活动链接。

当您在一个链接上点击时,它就会成为活动的(激活的)。

提示:请使用 :link 选择器对指向未被访问页面的链接设置样式,:visited 用于设置指向已访问页面的链接的样式,:hover 选择器用于设置鼠标指针浮动到链接上时的样式。

以上就是css如何使链接不变色?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读