关于CSS中hover失效的几个原因
来源:互联网 发布:alias 软件 编辑:程序博客网 时间:2024/06/05 03:41
在设置CSS的hover时,有时会发现hover不起作用,总结一下原因:
提示:在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。
提示:在 CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。
1.在设置:hover前加空格:
比如
你发现鼠标经过class为one的时候背景不变,而经过one里面的其他div背景颜色发生变化,说明:hover前加空格,本身不会有:hover的效果,而后代元素会有:hover的效果。
2.当鼠标经过时,让其他元素改变样式:
这时候你会发现,只有后代元素和兄弟元素(紧接在元素后的兄弟元素)才有效果,其他的:hover会失效
还是上个例子
把
改为发现能达到我们想要的效果
改为
也能达到效果(注意把"+"号去掉,就不能达到效果了)而改为
不能达到我们的效果(无论带不带加号)3.类名写错了;
4.:hover 被置于 :link 和 :visited 之前了;
5.你看错了;
等等……
共勉~
转载地址:http://blog.csdn.net/sangjinchao/article/details/57403634?locationNum=13&fps=1
阅读全文
0 0
- 关于CSS中hover失效的几个原因
- 关于CSS中hover失效的几个原因
- css中关于hover失效问题总结
- css 失效的原因
- DIV+CSS网页布局中CSS失效的原因
- 如何解决CSS伪类hover在IE8中失效的问题?
- 解决CSS伪类hover在IE8中失效的问题
- css中hover的妙用!!
- dojo中使用style之后css中的hover失效问题
- 在smarty模板中CSS失效的原因
- asp.net2.0中CSS失效的原因
- 胡博君讲解CSS中注释失效的原因
- 关于selector"失效"的原因
- webkit中hover的几个小知识
- 关于UpdatePanel中验证控件失效的原因分析
- 关于<s:submit>中action属性失效的原因
- 关于ListView中adapter调用notifyDataSetChanged失效的原因总结
- 关于EL表达式在jsp中失效的原因
- PHP curl携带CA证书访问https
- 23.ngx_event_core_module模块之ngx_event_process_init
- [AS2.3.3]安卓6.0动态权限管理简单工具类
- Linux内核的Oops
- Ubuntu下挂载硬盘
- 关于CSS中hover失效的几个原因
- Struts2学习---基本配置,action,动态方法调用,action接收参数
- mysql的分区表
- Android Studio打包上线流程以及创建签名文件
- HTTPS协议详解(三):PKI 体系
- BVT测试与冒烟测试
- Spark源码分析之Master主备切换机制
- 技术分析没啥用
- keras实现BiLSTM+CNN+CRF文字标记NER