div上的CSS悬停不起作用

我启发

我似乎无法让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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章