css中伪类选择器详解(a:visited不生效的原因)

css伪类是一种css定义的方法，主要用于对链接显示效果的定义，
主要包括:

a:link :链接平常的状态。
a:visited：链接被访问之后的状态。
a:hover：鼠标停留在链接上的状态。
a:active：链接被激活时的状态，也就是网页链接跳转之前的鼠标松开的状态。

在css中定义一个链接的伪类链接一定要遵循某个顺序，否则样式顺序出现错误，后面的样式被前面的样式覆盖，如下所示：

a:link{color:#036;
}
a:visited{ font-weight:bold;text-decoration:line-through;color:rgba(240,255,0,1.00);
}}a:hover{font-weight:bold;
}
a:active{color:#f00;
}

定义顺序为a:link>a:visited>a:hover>a:active；

关于a:visited属性不生效的问题：

a:visited因为安全问题，在高版本的浏览器中，只有color属性才可以生效，
也只是仅限于ie浏览器才有用，其他的浏览器会因为缓存的原因，导致a:visited的属性在网页载入之后就会生效。

而我在ie低版本的浏览器上测试，color属性没有生效，但是下划线的效果生效了。
参考链接
css属性失效
伪类属性

css中伪类选择器详解(a:visited不生效的原因)相关推荐

CSS常用伪类选择器详解
1. 用户行为伪类 1.1 :hover selector:hover 表示匹配鼠标经过的selector选择器元素. 应用场景: 鼠标经过元素时的样式变化,Tips提示,下拉列表和过渡动画等细节优 ...
css first-child伪类选择器详解
三种使用情况 p:first-child 选中同级第一个并且为p的元素 p:first-child em 选中同级第一个并且为p的元素下的em元素 p em:first-child 选中所有p元素下 ...
CSS 伪类选择器详解：为网页添加交互与美感
介绍 CSS 伪类选择器是一种非常有用的 CSS 选择器,它能够根据元素的状态.位置或其他属性来选择元素并应用样式.伪类选择器的语法为 :pseudo-class,其中 pseudo-class 是一 ...
html伪类选择器Before,css3 伪元素和伪类选择器详解
伪类选择器:CSS中已经定义好的选择器,不能随便取名常用的伪类选择器是使用在a元素上的几种,`如a:link|a:visited|a:hover|a:active` 提示:在 CSS 定义中,a:h ...
css中伪类选择器的顺序
link(正常状态) > visited(访问过后的状态) > hover(鼠标放上去的状态) > active(鼠标按下并未抬起的状态)
使用css伪类选择器,css的伪类选择器的使用
伪类选择器,在不同情况下显示的css,伪类选择器在处理页面的美观是很大帮助.其实很多美丽的按钮或者页面都是有这些基础的知识实现的,掌握好基础很重要. 名字实例说明 :link a:link 选择所 ...
html伪类选择器focus,了解CSS :focus-within伪类选择器
一.了解CSS :focus-within伪类选择器 CSS :focus-within伪类选择器和IE8就开始支持的:focus可以说是近亲,区别在于:focus表示当前元素处于focus状态时候干 ...
前端 CSS：锚伪类选择器:hover,:active，:visited；等用法总结
前端 CSS:锚伪类选择器:hover,:active,:visited;等用法总结锚伪类选择器:hover,:active,:visited;等用法总结一.什么是锚伪类在支持 CSS 的浏览器 ...
Css 结构伪类选择器
目录 Css 结构伪类选择器结构伪类-公式 Css 结构伪类选择器在日常开发中,结构伪类选择器用的还是比较多的熟练的使用它,可以让我们的代码更整洁. 作用与优势: 作用:根据元素在HTML中的结构 ...

css中伪类选择器详解(a:visited不生效的原因)

在css中定义一个链接的伪类链接一定要遵循某个顺序，否则样式顺序出现错误，后面的样式被前面的样式覆盖，如下所示：

关于a:visited属性不生效的问题：

css中伪类选择器详解(a:visited不生效的原因)相关推荐

最新文章

热门文章