设置a标签的visited、hover状态,未能出现预期的效果
来源:互联网 发布:手机淘宝的积分在哪看 编辑:程序博客网 时间:2024/05/30 05:06
解决方案
a :link、a:hover、a:visited这几个元素,定义CSS时候的顺序 不同,也会直接导致链接显示的效果不同。
浏览器解释CSS时遵循的“就近原则”。
1.鼠标经过的“未访问链接”同时拥有 a:link、a:hover 两种属性,后面的属性会覆盖前面的属性定义;
2.鼠标经过的“已访问链接”同时拥有 a:visited、a:hover 两种属性,后面的属性会覆盖前面的属性定义 ;
正确的顺序:a:link、a:visited、a:hover 、a:active .
参考
http://greenexe.iteye.com/blog/933060
0 0
- 设置a标签的visited、hover状态,未能出现预期的效果
- html中a标签点击状态失效(覆盖)——link,visited,hover,active的顺序
- a:hover,visited,link的区别
- A标签的四个属性 link ,visited , hover ,active 原来是有顺序的! LVHA
- a:link,a:visited,a:hover,a:active的使用
- a标签的四个css伪类(link、visited、hover、active)样式理解
- CSS中A标签的a:link a:visited a:hover a:active 原来是有严格的顺序的
- CSS中常用的四种链接状态:a:link、a:visited、a:hover及a:active
- js实现鼠标点击(非a:hover,a:link,a:visited,a:active)的样式切换效果
- a:hover和a:visited书写顺序的重要性
- html元素a的link visited hover active
- 29-超链接样式的设置(link hover visited)
- <a></a>四种状态:link,visited,hover,active
- 对象a的 a:link a:visited a:hover a:active
- 关于a:link a:visited a:hover a:active的爱恨原则
- a:link,a:visited,a:hover,a:active,伪类的顺序
- 谈一谈a:link、a:visited、a:hover、a:active的正确使用顺序
- css的link a:hover 必须在 a:link 和 a:visited 之后
- cygwin android NDK 编译
- JS如何实现抛物线动画
- 迷宫问题(MazePath)的求解——利用回溯法(backtracking)
- 【LeetCode】144 . Binary Tree Preorder Traversal 解题报告
- ffmpeg 中的 AVFrame 和 AVPicture
- 设置a标签的visited、hover状态,未能出现预期的效果
- 文章标题
- 数组之小传,为一维数组“正名”。
- Android仿qq从相册选择照片
- VisualSVN Server提供程序无法执行所尝试的操作 0x80041024
- JavaScript处理HTML的Encode(转码)和Decode(解码)
- Android Drawable - Transition Drawable使用详解(附图)
- 7. Reverse Integer
- bootstrap实现导航等