A:hover样式失效与顺序有关

转载 2012年03月22日 23:08:43
A hover样式,是指鼠标激活链接时的样式。通常应用此样式可以达到鼠标的交互效果。
  但新手往往会碰到被点击访问过的超链接样式不在具有hover和active了,很多人应该都碰到过这个问题。
  解决方法是改变CSS属性的排列顺序:L-V-H-A!这非常重要!

错误的方式:

a:link {color:red}
a:hover {color:blue}
a:visited {color:green}
a:active {color:orange}


正确的方式:

a:link {color:red}            /* 未访问的链接 */
a:visited {color:green}  /* 已访问的链接 */
a:hover {color:blue}      /* 鼠标移动到链接上 */
a:active {color:orange} /* 选定的链接 */

谈一谈a:link、a:visited、a:hover、a:active的正确使用顺序

今天学到一个有趣的新知识呢,迫不及待的想分享一下。自学前端的这条路上,还在基础部分打转,未来好难,走好现在脚下的每一步才是我现在最重要的。小小地感慨一下,下面进入正题吧。 1. 标签 我们先说...
  • wumenglu1018
  • wumenglu1018
  • 2017年01月18日 17:38
  • 2722

IE浏览器中a:hover设置background失效的解决方法

hover伪类在IE中有bug以前貌似在网上看到过,但是实际应用中没碰到过,今天正好有个页面需要做一个导航栏,结果a:hover设置background后在IE下是无法显示背景的。 html: ...
  • Free_Wind22
  • Free_Wind22
  • 2015年06月05日 12:08
  • 3314

通过hover修改其他元素

hover,我们都知道,是监听组件“悬停状态”的一个伪类。我们一般通过hover来修改组件的背景什么的,很少涉及到太复杂的操作。也就是说我们一般只是对加了hover伪类的元素自身的样式进行改变,比如这...
  • J_bing
  • J_bing
  • 2015年04月19日 11:46
  • 4110

table去除鼠标悬停hover效果

网上有很多“table如何增加鼠标悬停效果”的这种帖子,无非就是加hover。但是我现在遇到了一个问题,我在项目中创建了干干净净的一个table,发现它居然是有鼠标悬停效果的,我猜估计是有一个全局的t...
  • huanghanqian
  • huanghanqian
  • 2016年09月27日 09:45
  • 4271

Qlabel 自定义鼠标点击事件以及文本样式效果设计

需要设计的效果是: 1、标题、内容以及图片均具有点击的效果; 2、鼠标放置在标题和内容上,文字变色并且高亮显示,无需下划线; 3、鼠标的形状:在放置在标题和内容上时由箭头变成小手指。 整个窗体采用...
  • lggrief
  • lggrief
  • 2016年10月12日 13:48
  • 789

jquery样式选择功能

.share-limit { width:400px; border:solid 3px; } .switcher { float:left; border-botto...
  • Longerandlonger
  • Longerandlonger
  • 2013年01月18日 18:52
  • 2740

从Bootstrap中分离出tab组件的样式

话不多说,直接上代码: body { font-family: 'Segoe UI',Arial,Verdana,Tahoma; font-size: 13px; l...
  • bingleiyuren
  • bingleiyuren
  • 2016年03月01日 18:04
  • 2191

关于js动态添加的时候样式失效的问题

由于项目要搬家,某些地方还是一样的,但是UI用的不一样,在做动态添加的时候遇到一个问题,累加的时候明明代码都是一样一样的啊!怎么后面加出来的没有样式了哩,折腾了一下午,发现原来就是一个小问题。 所以进...
  • nnn_net
  • nnn_net
  • 2016年04月28日 18:43
  • 6008

jquery中取消和绑定hover事件的正确方式

在网页设计中,我们经常使用jquery去响应鼠标的hover事件,和mouseover和mouseout事件有相同的效果,但是这其中其中如何使用bind去绑定hover方法呢?如何用unbind取消绑...
  • shehun11
  • shehun11
  • 2014年10月16日 15:35
  • 4123

jquery hover事件只触发一次动画

最近工作时遇到个关于动画的问题,如下: $("div").hover( function() { $(this).animate({"margin-top":"100px"}...
  • gmd_web
  • gmd_web
  • 2015年12月06日 18:23
  • 3808
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:A:hover样式失效与顺序有关
举报原因:
原因补充:

(最多只允许输入30个字)