div上的CSS悬停不起作用
div上的CSS悬停不起作用
提问于 2018-06-04 03:17:53
我似乎不能让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上时，滚动条会出现。不是的。为什么？(我试图在:hover之前添加div，但也没有帮助。)
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-06-04 03:23:59
内联样式具有更高的特异性。您要么必须在悬停声明中声明!important，要么将样式从内联中移开。我推荐后者。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50670106
复制相关文章
相似问题
腾讯云开发者
