Question

我有一个效果很好的切换脚本，但我正在尝试添加鼠标悬停效果而且我遇到了麻烦。

我有四个标签，其中两个是带背景颜色的简单DIV，我还有两个带背景图像的按钮。

我为所有标签创建了鼠标悬停效果，但是当我点击按钮时它看起来不正确。单击按钮后，按钮需要在单击时更改背景位置，鼠标应停在按钮上。

谢谢。

Answer 1

这是因为#r6:hover .gnM的优先级高于.button-toogle-on。 CSS具有CSS的层次结构，基于它的定义位置，如果它是内联的，你指定了多少元素。阅读更多here。

无论如何，这有效：

#r6 #bxGender .button-toggle-on {
    background-position: 0 -120px
}