css - 选择翻转的子类不起作用？

Question

我有一个带有翻转的按钮，使用 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;}

但是它似乎并没有影响颜色，因为它在翻转时仍然保持白色。我错过了什么吗？

Answer 1

您的 CSS 规则应该是:

.ui-priority-cart.ui-state-hover { /* your rules here */ }

注意缺少空格，这将适用于具有两个 类的元素 ui-priority-cart和 ui-state-hover ，我相信这就是您要找的。

区别在于，您发布的 CSS 将应用于类为 ui-state-hover 的元素在类为ui-priority-cart的元素中.