CSS优先级查询

Question

我有一个相当基本的网站设置使用从内容服务器采取的JQuery-UI主题CSS。这个CSS是不能改变的。我所想要做的是覆盖一些CSS从JQuery的主题，例如改变来自：

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

到

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

什么是覆盖CSS的最佳方式？我是否认为！很重要，或者有其他选择（除了直接在网页中定义新规则）。

谢谢

Answer 1

您有几个选项不使用！重要。

您可以添加特异性：

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

定义初始规则之后压倒一切的规则。

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

...（单独的文件加载后，或者相同的文件，只是进一步下跌：

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

Answer 2

你需要做一个CSS声明 “更具体的” 重写它

。

您指定的东西了HTML树要做到这一点：

div ui-tabs 

或

div.wrappingClass .ui-tabs 

或蛮力方法：

body .ui-tabs 

这里是用于检查该一个方便的工具：

http://www.suzyit.com/tools/specificity.php