使用 <h:head> 而不是 <head> 时不会应用自定义 CSS答案

【问题标题】：Custom CSS doesn't get applied when using <h:head> instead of <head>使用 <h:head> 而不是 <head> 时不会应用自定义 CSS
【发布时间】：2011-10-19 04:32:08
【问题描述】：

如果我说：

<head>
//..
</head>

<body>
//..
</body>

我的 CSS 中的样式已正确应用，但是当我更改为：

<h:head>
//..
</h:head>

<h:body>
//..
</h:body>

我的样式似乎是 CSS 的某些部分错误。

为什么会这样？

更新： 为了简化我的问题，我在下面显示两张图片：

没有

<h:head>.. <h:body>（这是正确的 CSS 样式）

有

<h:head>..<h:body>

我只是更改为和相同的事情发生了这个错误。

我是 JSF 的新手，有什么需要做的吗？

更新 2： 我正在使用 Rich Faces 4，我意识到的一件事是标签末尾出现了一个脚本：

<link type="text/css" rel="stylesheet" href="/brainset/rfRes/skinning.ecss.xhtml?db=eAHL6rC8BQAEkAIG">

我没有放那个，这只出现在

> <h:head> ... <h:body>

标签。我认为我的风格被 RichFaces 覆盖，包括这个'skinning.ecss'。

【问题讨论】：

应该没有问题。您可以添加生成的 html 和您尝试应用的 css 规则吗？可能FacesServlet 没有处理视图，结果标签是<h:head /> 和<h:body />。也许你应该检查FacesServlet的url映射
你为什么要劫持stackoverflow的favicon？无论如何，您确实需要更清楚具体问题。发生什么了？不会发生什么？从开发人员的角度进行阐述，而不是从最终用户的角度进行阐述。 究竟是什么意思 “我的风格，CSS 的某些部分似乎有问题。”？ Firebug 等开发人员工具对此有何看法？
@BalusC，“你为什么要劫持 stackoverflow 的图标？” : 只是我正在做的一些测试，但我不会使用堆栈溢出图标，你可以对此很酷；）。 “没有怎么办？” : CSS 被应用到了hole site，但是我有这个问题，公司名称减少了，我不知道为什么会发生这种情况，它应该是正常的，因为它与标签一样。 ““我的样式，CSS 的某些部分似乎有问题。”到底是什么意思？：样式应用在网站中，但不是在这部分，正如你在我发布的图片中看到的那样。
根据您的屏幕截图，JSF 运行良好。您的问题出在 CSS 中。应用了哪些 CSS，哪些没有应用？您是否正在使用诸如 PrimeFaces 之类的丰富 UI 组件库，您需要覆盖其默认样式？您可以使用例如 Firebug 进行检查。右键单击感兴趣的元素并选择Inspect Element。在右侧，您可以看到应用/覆盖的所有 CSS。你可以在那里切换和编辑它。
@BaluC，我正在使用 RichFaces 4。

标签： java css jsf jsf-2

【解决方案1】：

RichFaces 4 被我的风格覆盖了，所以要禁用蒙皮，我们必须使用如下参数：

<context-param>
    <param-name>org.richfaces.skin</param-name>
    <param-value>plain</param-value>
</context-param>
<context-param>
    <param-name>org.richfaces.enableControlSkinning</param-name>
    <param-value>false</param-value>
</context-param>

这解决了我的问题；）

Source

【讨论】：

如果它解决了您的问题，您应该接受答案。阅读faq
@balusc 实际上我发现该信息仅here，不在常见问题解答中。
@bluefoot：我没看过。这只是你应得的一些讽刺；）
这很有趣 BalusC 和 bluefoot ;)