JSF / Facelets: файл CSS не распознается с помощью тега

Я работаю над проектом с использованием JSF / Facelets. Я хочу сделать некоторые изменения CSS в моем представлении XHTML, но ничего не происходит, когда я развертываю свое веб-приложение на своем Tomcat Server. Я пробовал много трюков, но у меня такой же результат.

Во всяком случае, вот мой «styles.css»:

body { width: 750px; } #header { width: 100%; font-size: 36px; font-weight: bold; line-height: 48px; background-color: navy; color: white; } #footer { width: 100%; font-weight: bold; background-color: navy; color: white; } 

И это основной шаблон «Template.html», включая «Header.html» и «Footer.html», где я добавляю свой «styles.css» с помощью тега:

      <!--  -->           CONTENT           

Наконец, Anf вот мой «Main.xhtml», который включает в себя шаблон «Template.html»:

              

Заранее спасибо 🙂

Для ) требуется , но у вас есть . Исправьте его соответствующим образом.

    

Кроме того, вы должны убедиться, что файл css/styles.css помещен в подпапку /resources общедоступного webcontent.

 WebContent |-- resources | `-- css | `-- styles.css : 

Что касается вашей попытки использовать атрибут library , будьте осторожны с этим, использование library="css" не совсем корректно в этом контексте. См. Также: Какова библиотека ресурсов JSF и как ее использовать?

Добавить папку ресурсов в WebContent

и внутренние ресурсы создают css-папку

затем доступ к таким файлам

h:outputStylesheet library="css" name="myNewStylesFile.css" target="head" разделе h:head который вы не добавили