Question

我尝试使用css在JSF中添加样式，但我尝试打开xhtml，它不会识别样式。我一直在寻找如何做到这一点，我发现了这个：

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://xmlns.jcp.org/jsf/html">
    <h:head>
        <title>Hello</title>
        <h:outputStylesheet library="css" name="style.css" />
    </h:head>
    <h:body>
        <div> 
            <h1>Hello</h1>
        </div>
        <div> 

        </div>
    </h:body>
</html>

据我所知，我必须在下一个文件夹中创建我的css文件：

WebPage
|_WEB-INF
|_resources
  |_css
    |_style.css

我正在使用Netbeans 8.0.2和JSF 2.2

随着最后的改变，我得到了这个：

<h:head> 
<h:outputStylesheet name="./css/style.css"/> 
</h:head> <h:body> 
</h:body>
<style type="text/css"></style></html>

Answer 1

在浏览器中打开开发者工具并加载页面，如果您获得style.css的404，那么请查看SebastiánUlloa提供的答案

Answer 2

你可以尝试移动这一行

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

就像这样的身体标签：

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

将css添加到Java Server Faces（JSF）

2 个答案: