幫助與CSS選擇器（jQuery日期選擇器）

Question

我tyring風格的jQuery datepicker。我無法使用jQuery主題，因爲它會破壞我網站的其餘部分。

我已經將所有工作都預期了一點 - 突出顯示當天。

我遇到的問題是，當日期選擇器第一次加載如下當天顯示：

<td class="ui-datepicker-days-cell-over ui-datepicker-today"> 
    <a class="ui-state-default ui-state-highlight ui-state-hover" href="#">14</a> 
</td> 

當用戶將鼠標懸停在任何一天，在當天的ui-state-hover被刪除，然後當天高亮工程確定：

<td class="ui-datepicker-days-cell-over ui-datepicker-today"> 
    <a class="ui-state-default ui-state-highlight" href="#">14</a> 
</td> 

我對懸停狀態CSS是這樣的：

.ui-widget-content .ui-state-hover { ... }

並在載重這是覆蓋我的ui-state-highlight，其中突出顯示當天。

我試圖做的事：

.ui-widget-content .ui-state-highlight .ui-state-hover { ... }

而且我認爲他會優先匹配，因爲它是一個更具體的選擇，但它不工作。

所以問題是，我怎麼可以讓.ui-state-highlight .ui-state-hover覆蓋.ui-state-hover所以我不會失去我的懸停亮點？

謝謝。

Answer 1

不理想，但你可以添加!important到你的每一個款式的選擇裏面重寫它吳泰自己的風格：

.ui-widget-content .ui-state-hover { 
    color: '#00ff00' !important; 
} 

Answer 2

你可以嘗試，以提高它的位置在層次結構添加元素例如，td.ui-widget-content td.ui-state-hover。另外，也許不是最優雅的解決方案，但是在<style></style標記中添加內聯樣式或實際html頁面中的標題將優先於任何其他樣式表，只要它是最後一次調用的樣式表。