我似乎无法让CSS监听:hover
。
我有以下CSS:
<style>
.hidescroll
{
}
.hidescroll :hover
{
overflow-x: auto;
}
</style>
和html:
<div class="hidescroll" style="width:100%; height:100px; background-color:green; overflow-y:hidden; overflow-x:hidden;">
<div style="width:300%; height:100px; background-color:red; ">abc</div>
</div>
我希望将鼠标悬停在div上时会出现滚动条。没有。为什么?(我div
之前尝试添加,:hover
但这也无济于事。)
内联样式具有更高的特异性。您必须!important
在悬停声明上说,或者将样式从内联移开。我建议后者。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句