如何覆盖 jquery 主题答案

【问题标题】：How to override a jquery theme如何覆盖 jquery 主题
【发布时间】：2012-01-11 17:45:47
【问题描述】：

我正在使用带有 Jquery 选项卡的 Smoothness 主题，我想在几个选项卡上覆盖默认主题的外观，我将如何去做。我尝试了以下方法：

$('#tab-id').css('background', '-moz-linear-gradient(center top, #999999, #494949 75%, #f3c84b)');

当用户单击选项卡时，我从单击函数中调用它。

我也尝试过.addClass，但这也没有覆盖平滑主题。

尽我所能，任何帮助将不胜感激。

【问题讨论】：

【解决方案1】：

尝试在您的定义中添加更多CSS Specificity 或!important

... 如果您有两个（或更多）冲突的 CSS 规则指向同一个元素，浏览器遵循一些基本规则确定哪一个是最具体的，因此胜出...

... 特异性决定了浏览器应用哪个 CSS 规则...

... 除了浮点数之外，CSS 特异性是最困难的之一级联样式表中要掌握的概念。不同的重量选择器通常是您的 CSS 规则不适用于某些元素，虽然你认为它们应该有......

【讨论】：

【解决方案2】：

只需在 jQueryUI CSS 表之后加载的外部 CSS 文件中定义参数，如果您在选项卡上使用 ID，则只需在 CSS 中引用该 ID。

无需通过 JS 设置 CSS 样式！

【讨论】：

我添加了一个 id，它确实将我想要的样式应用于选项卡，但我只希望在选择选项卡时样式可见。有没有办法只用 CSS 来做到这一点？
是的，您需要指定选项卡的状态，我相信它类似于.active 或.selected，您必须使用firebug 或chrome 开发工具来检查。我有一段时间没有编辑标签，只是回忆一下。