我有以下内容:
<div id="side-menu" class="sidebar-nav span2">
<div class="sidebar-link"><span>Link 1</span></div>
<div class="sidebar-link"><span>Link 2</span></div>
</div>
当您将鼠标悬停在两个 div 上时,我试图让它们中的每一个都改变颜色 - 无论您将鼠标悬停在文本右侧还是左侧的 off 文本上。目前只有当我将鼠标悬停在文本上时颜色才会改变。知道如何做到这一点吗?这是我的 CSS fiddle :
最佳答案
悬停选择器中有一个空格。这很重要,因为空格是 CSS 中的后代选择器
div.sidebar-link :hover{
background-color: #E3E3E3;
}
这意味着只有 .sidebar-link
的悬停后代受规则影响。删除空格。
关于css - 如何使用CSS使整个div在悬停时改变颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16630558/