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压缩添加到find . -name Output -type d|find -type f -exec rm {} \;

，以禁用CSS压缩

web.xml

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

Answer 2

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

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