Question

如何让整个DIV呈现伪类的效果?

要求：当鼠标悬停在div范围内，就改变它的背景颜色
<div class="d1" onClick="window.open('')">
<img src="">
</div>
鼠标悬停前效果
.d1{
background-color:blue;
}
鼠标悬停效果
.d1{
background-color:pink;
}
类似于:hover的效果，但:hover好像只能应用于a属性。

Answer 1

.d1:hover{
  background-color:pink;
}

　　现在：hover可以用于任意元素了，不限于a属性。你试试就知道了~

追问

那需不需要考虑兼容性的问题？

追答

　　所有主流浏览器都支持 :hover 选择器。所以无需考虑其兼容性~