防止Trinidad在生成的CSS中添加/覆蓋樣式屬性

Question

我正在開發Apache Trinidad 1.2.14項目。我需要在組件上做一些基本的樣式（在我的例子中爲tr:breadCrumbs）。我的問題是特立尼達不斷添加甚至覆蓋一些樣式屬性。

例如，該規則在我的皮膚：

af|breadCrumbs { padding-bottom: 4px !important; } 

中所產生的CSS文件中呈現爲：

.af_breadCrumbs { padding-bottom: 12px; display: table; } 

我的皮膚是擴大simple.desktop：

<skin> 
    <id>mySkin.desktop</id> 
    <family>mySkin</family> 
    <render-kit-id>org.apache.myfaces.trinidad.desktop</render-kit-id> 
    <style-sheet-name>_skin/mySkin.desktop.css</style-sheet-name> 
    <extends>simple.desktop</extends> 
</skin> 

那可能是房地產的來源。

我甚至嘗試-tr-inhibit: all，但似乎並沒有工作。

-tr-inhibit例如，af|foo {-tr-inhibit: padding; color: red}這個CSS屬性用於抑制/復位您正在從基站皮膚繼承CSS屬性。

如何防止這種行爲？

Answer 1

我有強烈的感覺，這是一個錯誤。我用下面的規則能夠解決它：

html af|breadCrumbs { padding-bottom: 4px; } 

這是在生成的CSS文件呈現爲：

html .af_breadCrumbs { padding-bottom: 4px; }