選擇子類翻轉不起作用？

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的另一個按鈕，通過添加這個CSS有類「UI優先購物車」翻車：

.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。

Answer 2

這適用於類.ui-state-hover的任何元素，它是具有.ui-priority-cart類的元素的子元素。

您可能正在尋找.ui-priority-cart.ui-state-hover這意味着任何有兩個類的元素。