Question

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

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

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

为了更加清晰，我在这里包含了资源文件夹

的确切位置的屏幕截图

enter image description here

Answer 1

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

您的具体问题是由于您不必要地将CSS文件文件夹重复到library属性中而引起的。只是摆脱它。

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

library属性必须代表公共模块/主题/库名称，例如“primefaces”，但您在此处没有。使用库名称“css”没有任何意义，因为“css”只表示文件/内容类型。

Answer 2

尝试 h：outputStylesheet name =“style.css”library =“css”/＆gt;