ADF中的伪类支持

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

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

该文件不会被皮肤引擎修改，您将获得所有样式。但是您将无法引用组件样式，并且必须在styleClass属性中显式提供组件的 css 类名称。