CSS哪些对象可以使用hover伪类


关键词

CSS 伪类 哪些对象

摘要

本文介绍CSS中哪些对象可以添加hover伪类,其实不仅仅是A标签才可以设置hover伪类的。

所谓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

« PHP判断是否为手机访问网页(续) DHTML对象 »