防止特立尼达在生成的 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 e.g., af|foo {-tr-inhibit: padding; color: red} This css property is used to inhibit/reset css properties that you are inheriting from a base skin.

如何防止这种行为？

Answer 1

我强烈感觉到这是一个错误。我能够使用以下规则解决它：

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

在生成的 CSS 文件中呈现为：

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

防止特立尼达在生成的 CSS 中添加/覆盖样式属性

Prevent Trinidad from adding / overriding style properties in generated CSS

css

oracle-adf

trinidad