RichFaces 页面主题——包括 CSS 文件？答案

【问题标题】：RichFaces Page Theme -- Include CSS file?RichFaces 页面主题——包括 CSS 文件？
【发布时间】：2011-11-09 22:44:50
【问题描述】：

我正在尝试根据instructions here 创建自定义 RichFaces 页面主题。我已经运行了 Maven 命令，它创建了我的初始页面模板，以及一个 .xcss 文件，我应该在其中放置我的样式表属性。但是，我想在我的页面主题中包含几个不同的 CSS 文件，而不是在一个大文件中定义它们。例如，如果我可以将 960.css 文件包含在它自己的文件中，这样 CSS 代码就更易于阅读和编辑，这将变得更加容易。

我注意到the instructions 谈论如何使用这个标签来引用 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 文件，然后在页面主题本身中引用它们？

【问题讨论】：

标签： html css jsf themes richfaces

【解决方案1】：

对于其他正在解决这个问题的人来说，似乎<h:styles /> 标签 (xmlns:h="http://jsf.exadel.com/header") 就是为了解决这个问题而设计的。将 .xcss 文件放在主题中的 renderkit/html 目录下，然后使用相对路径引用它们。即

<h:styles>css/myothercss.xcss</h:styles>

【讨论】：