CSS優先級查詢

我有一個相當基本的網站設置使用從內容服務器採取的JQuery-UI主題CSS。這個CSS是不能改變的。我所想要做的是覆蓋一些CSS從JQuery的主題，例如改變來自：CSS優先級查詢

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

到

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

什麼是覆蓋CSS的最佳方式？我是否認爲！很重要，或者有其他選擇（除了直接在網頁中定義新規則）。

謝謝

2011-08-17 user460667

您有幾個選項不使用！重要。

您可以添加特異性：

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

定義初始規則之後壓倒一切的規則。

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

...（單獨的文件加載後，或者相同的文件，只是進一步下跌：

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

2011-08-17 14:31:30 circusbred

你需要做一個CSS聲明「更具體的」重寫它

。

您指定的東西了HTML樹要做到這一點：

div ui-tabs

或

div.wrappingClass .ui-tabs

或蠻力方法：

body .ui-tabs

這裏是用於檢查該一個方便的工具：

2011-08-17 14:32:49

回答