jQuery UI 主题和 :not() 选择器答案

【问题标题】：jQuery UI theme and :not() selectorjQuery UI 主题和 :not() 选择器
【发布时间】：2011-05-25 13:08:39
【问题描述】：

我创建了一个自定义的 jQuery UI 主题。我的一种风格 .ui-state-hover 负责将鼠标悬停在所有各种按钮上。另一种有问题的样式是 .ui-datepicker-close，它负责通过添加图标来自定义日期选择器上的关闭按钮。

我的问题是，当我将鼠标悬停在日期选择器中的关闭按钮上时，.ui-state-hover 样式开始发挥作用。我尝试将 :not() 选择器应用于 .ui-state-hover 类，但这没有任何区别。

我需要让它在 IE8 中运行（该站点需要在 ie8 中运行）。

【问题讨论】：

【解决方案1】：

尝试将您的样式按顺序放置在 css 文件中，即将 .ui-state-hover 放在 .ui-datepicker-close 之前。这应该会变魔术。如果没有，您可以尝试将 '!important' 添加到 '.ui-datepicker-close' 定义中的所有样式定义中。

最好的祝愿，托马斯

【讨论】：