CSS优先查询

CSS优先查询,css,jquery-ui,Css,Jquery Ui,我已经使用jQueryUI主题css建立了一个相当基本的网站,该主题css取自内容服务器。此CSS无法更改。我想做的是覆盖JQuery主题中的一些css,例如更改自: .ui-tabs .ui-tabs-panel { padding: 1em; } 到 覆盖CSS的最佳方法是什么?我要用它来攻击你!重要信息或是否有其他选择(除了直接在网页中定义新规则) 谢谢您有两个选项不使用!重要的 您可以添加特殊性: body .ui-tabs .ui-tabs-panel { padding:

我已经使用jQueryUI主题css建立了一个相当基本的网站,该主题css取自内容服务器。此CSS无法更改。我想做的是覆盖JQuery主题中的一些css,例如更改自:

.ui-tabs .ui-tabs-panel {
  padding: 1em;
}

覆盖CSS的最佳方法是什么?我要用它来攻击你!重要信息或是否有其他选择(除了直接在网页中定义新规则)


谢谢

您有两个选项不使用!重要的

您可以添加特殊性:

body .ui-tabs .ui-tabs-panel {
  padding: 0.25em;
}
在初始规则之后定义覆盖规则。

.ui-tabs .ui-tabs-panel {
  padding: 1em;
}
。。。(稍后加载单独的文件,或相同的文件,仅在更下方:

.ui-tabs .ui-tabs-panel {
  padding: 0.25em;
}

您需要使CSS声明“更具体”以覆盖它

您可以在HTML树上指定一些内容来执行此操作:

div ui-tabs

或暴力法:

body .ui-tabs
这里有一个方便的工具用于检查:

div.wrappingClass .ui-tabs
body .ui-tabs