所谓hover,在CSS中是属于一种伪类。它表示鼠标悬念在目标元素上的这么一种状态。
且看下面一个例子:
<html>
<head>
<style>
div{height: 200px; width: 200px; }
div:hover{ background-color: #ccc;}
span:hover{ background-color: #66B;}
</style>
</head>
<body>
<div>
<span>111111111111111111111</span>
</div>
</body>
</html>
大家可以试试这个hover的案例,span和div两个对象都是支持hover方法的。其实除了A标签以外,像p、input、td等标签均支持hover方法。
但注意,有一些元素是不支持hover方法的,如tr。如果你想简单的通过hover伪类来实现鼠标悬念整行就变背景色的效果。那使用hover是不行的。(可以使用jquery来实现,此为题外话。)
CSS哪些对象可以使用hover伪类,可以更改为CSS哪些对象不可以使用hover伪类,大家一一去发现吧。
要饭二维码
洪哥写文章很苦逼,如果本文对您略有帮助,可以扫描下方二维码支持洪哥!金额随意,先行谢过!大家的支持是我前进的动力!
文章的版权
本文属于“洪哥笔记”原创文章,转载请注明来源地址:CSS哪些对象可以使用hover伪类:http://www.splaybow.com/post/css-which-element-hover.html
如果您在服务器运维、网络管理、网站或系统开发过程有需要提供收费服务,请加QQ:8771947!十年运维经验,帮您省钱、让您放心!
亲,如果有需要,先存起来,方便以后再看啊!加入收藏夹的话,按Ctrl+D!
发布时间:2015/4/22 8:45:08 | 编辑:洪哥 | 分类:DHTML | 浏览: