选择子类翻转不起作用？

我有一个使用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的另一个按钮，通过添加这个CSS有类“UI优先购物车”翻车：

.ui-priority-cart .ui-state-hover{color:#00dfff !important;}

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

来源

2012-01-16 Sackling

您的按钮是否应用了这两个类？看到一个工作演示会有所帮助。 – j08691

你的CSS规则应该是：

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

注缺乏空间，这将适用于一个元素与都类ui-priority-cart和ui-state-hover，我相信这是你在找什么。

不同的是，您发布的CSS将适用于元素与类ui-state-hover内元素与类的ui-priority-cart。

来源

2012-01-16 21:13:59 wsanville

谢谢。笨。 – Sackling

这适用于类.ui-state-hover的任何元素，它是具有.ui-priority-cart类的元素的子元素。

您可能正在寻找.ui-priority-cart.ui-state-hover这意味着任何有两个类的元素。

来源

2012-01-16 21:15:34

选择子类翻转不起作用？

回答

相关问题