ADF 中的伪 Class 支持

Question

在我的皮肤文件（扩展 Skyros）中，我将规则定义为

.arrow_box:after {
    /*some css rules */
}
.arrow_box:before {
    /*some css rules */
}

主要目的是在框的顶部创建一个箭头，就像 CSSArrowPlease 中显示的那样。

问题

当我运行页面时，伪类没有被应用，因为它们正在变成：

.arrow_box.p_AFAfter, .x1z2.p_AFAfter {
    /*some css rules */
}
.arrow_box.p_AFBefore, .x1z2.p_AFBefore {
    /*some css rules */
}

注意 : 是如何转换为 .p_AFAfter 和 .p_AFBefore 的。我该如何避免这种情况？

我也试过转义选择器：

.arrow_box\:after {
  /*some css rules */
}

但这被翻译成了

.arrow_box\.p_AFAfter, .x1z2.p_AFAfter {
    /*some css rules */
}

有什么解决方法吗？我的 jDeveloper 版本是 11.1.1.9.0

PS

DISABLE_CONTENT_COMPRESSION 不是一个选项，因为我无法控制服务器上的 web.xml 文件。

Answer 1

通过将此添加到您的 web.xml

来禁用 CSS 压缩

<context-param>
  <description>Set to true to disable compression of CSS class names for
               skinning keys and have more human readable class
               names</description>
  <param-name>org.apache.myfaces.trinidad.DISABLE_CONTENT_COMPRESSION</param-name>
  <param-value>true</param-value>
</context-param>

这将防止您的 CSS 类被混淆。

Answer 2

你必须明白皮肤文件并不是真正的css文件。它是由换肤引擎处理后的换肤文件。在处理组件样式时，您必须使用它。
但是，如果您只需要自定义 css，您可以创建简单的 css 文件并将其包含在您的页面中。您仍然可以将其保留在皮肤项目中或在您的 Web 项目中创建它。

皮肤引擎不会修改此文件，您将获得所有样式。但是您将无法引用组件样式，并且必须为 styleClass 属性.

中的组件显式提供 css class 名称

ADF 中的伪 Class 支持

Pseudo Class Support in ADF

css

jsf

oracle-adf

问题

PS