我有以下内容:
<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 在您将鼠标悬停在它们上方时改变颜色 - 无论您将鼠标悬停在文本右侧还是左侧的文本上。目前,仅当我将鼠标悬停在文本上时,颜色才会发生变化。知道如何做到这一点吗?这是我对 css 的摆弄:
http://jsfiddle.net/PTSkR/56/ http://jsfiddle.net/PTSkR/56/
悬停选择器中有一个空格。这很重要,因为空格是 CSS 中的后代选择器
div.sidebar-link :hover{
background-color: #E3E3E3;
}
这意味着只有盘旋的后代.sidebar-link
都受到规则的影响。删除空间。
http://jsfiddle.net/ExplosionPIlls/PTSkR/57/ http://jsfiddle.net/ExplosionPIlls/PTSkR/57/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)