我使用JQuery-UI主题css进行了相当基本的网站设置，该主题来自内容服务器。这个CSS无法更改。我想要做的是从JQuery主题中覆盖一些css，例如从：
更改.ui-tabs .ui-tabs-panel {
padding: 1em;
}
到
.ui-tabs .ui-tabs-panel {
padding: 0.25em;
}
覆盖CSS的最佳方法是什么？我是黑客攻击！重要还是有其他选择（除了直接在网页中定义新规则）。
由于
答案 0 :(得分：1)
你有几个选项而不使用！important。
您可以添加特异性：
body .ui-tabs .ui-tabs-panel {
padding: 0.25em;
}
在初始规则后定义覆盖规则。
.ui-tabs .ui-tabs-panel {
padding: 1em;
}
...（稍后加载单独的文件，或同一文件，再向下：
.ui-tabs .ui-tabs-panel {
padding: 0.25em;
}
答案 1 :(得分：1)
你需要制作一个“更具体”的CSS声明来覆盖它。
您可以在HTML树中指定一些内容来执行此操作：
div ui-tabs
或
div.wrappingClass .ui-tabs
或蛮力方法：
body .ui-tabs
这是一个方便的工具，用于检查：