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