所谓hover,在CSS中是属于一种伪类。它表示鼠标悬念在目标元素上的这么一种状态。

    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伪类,大家一一去发现吧。

03-15 03:09