我有一个带翻转的按钮，使用jquery ui添加类“ui-state-hover”，以便翻转时背景颜色/颜色发生变化。
以下是翻转的CSS：
.ui-state-hover { border: none; background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color:#fff !important; }
我试图通过添加此css在另一个具有“ui-priority-cart”类的按钮上添加单独的css以进行翻转：
.ui-priority-cart .ui-state-hover{color:#00dfff !important;}
然而它似乎并没有影响颜色，因为它在翻滚时仍然是白色的。我错过了什么吗？
答案 0 :(得分：2)
您的CSS规则应为：
.ui-priority-cart.ui-state-hover { /* your rules here */ }
请注意，如果没有空格，这将适用于两个类ui-priority-cart和ui-state-hover的元素，我相信这是您正在寻找的内容。< / p>
不同之处在于，您发布的CSS将适用于类别为ui-state-hover 的元素类别为ui-priority-cart的元素。
答案 1 :(得分：0)
这适用于类.ui-state-hover的任何元素，该元素是具有.ui-priority-cart类的元素的子元素。
您可能正在寻找.ui-priority-cart.ui-state-hover，这意味着任何具有两个类的元素。