我正在按照这里的说明创建一个自定义的RichFaces页面主题。我已经运行了Maven命令,它创建了我的初始页面模板,以及一个.xcss文件,我应该在其中放置样式表属性。但是,我希望在我的页面主题中包含几个不同的CSS文件,而不是在一个大文件中定义它们。例如,如果我能将960.css文件包含在它自己的文件中,这样CSS代码就更容易阅读和编辑,那就容易多了。
我注意到这些说明讨论了如何通过使用以下标记在XCSS文件中引用图像文件:
<f:resource f:key="/org/richfaces/docs/renderkit/html/images/img01.gif" />
在我的页面主题中包含多个.xcss文件是否有类似的机制?我试着简单地使用:
<f:resource f:key="/org/richfaces/docs/renderkit/html/css/960.css" />
但是,我得到一个XML解析错误,所以我显然做错了什么。是否有更好的方法来包含多个CSS文件在我的页面主题项目,然后在页面主题本身引用它们?
对于正在与这个问题作斗争的任何人来说,<h:styles />
标记(xmlns:h="http://jsf.exadel.com/header")似乎是为了解决这个问题而设计的。将.xcss文件放在主题的renderkit/html目录下,然后使用相对路径引用它们。例如
<h:styles>css/myothercss.xcss</h:styles>