我正在开发Apache Trinidad 1.2.14项目。我需要在组件上做一些基本样式(在我的例子中tr:breadCrumbs
)。我的问题是Trinidad不断添加甚至覆盖一些样式属性。
例如,我皮肤中的这条规则:
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属性。
如何防止这种行为?
答案 0 :(得分:0)
我有强烈的感觉这是一个错误。我能够使用以下规则解决它:
html af|breadCrumbs { padding-bottom: 4px; }
在生成的CSS文件中呈现为:
html .af_breadCrumbs { padding-bottom: 4px; }