jsf - JSF 不读取外部 css 文件

Question

我在 WebContent 文件夹下的资源文件夹中有一个外部 CSS 文件，我将它包含在页眉中，如下所示：

<h:head>
<h:outputStylesheet name="css/style.css" library="css" />
</h:head>

我尝试了一个简单的选择器来测试文件是否正常工作，body {background-color:#b0c4de;}但不幸的是文件没有链接

为了更清楚起见，我在此处包含了资源文件夹确切位置的屏幕截图

在此处输入图像描述

score 4 · Accepted Answer

首先，这根本不是一个外部 CSS 文件。它在您的 Web 应用程序内部。真正的外部 CSS 文件将从不同的域提供，并且不能通过导入<h:outputStylesheet>，而只能通过<link>.

您的具体问题是因为您不必要地将 CSS 文件夹重复到library属性中。摆脱它。

<h:outputStylesheet name="css/style.css" />

该library属性必须代表通用模块/主题/库名称，例如“primefaces”，但您这里没有。使用“css”的库名称没有任何意义，因为“css”仅代表文件/内容类型。

score 0 · Accepted Answer

试试 h:outputStylesheet name="style.css" library="css" />

2 回答 2