JSF CSS Verschachtelung wird nicht abgebildet

[Flashbaer]

Hallo zusammen,

ich habe eine Frage zur Einbindung von CSS in JSF:

Ich habe eine CSS Datei (MyStyles.css) mit folgendem Inhalt:

@import url("fonts.css");
@import url("icons.css");
@import url("pageStyles.css");

Wenn ich die Datei mit dem JSF-Tag einbinde:

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

dann funktioniert das nicht. Die CSS Datei wird zwar eingebunden, aber die zu importierenden Dateien werden nicht nachgeladen.

Ich weiß zwar, dass es mit diesem Code funktioniert:

<link href="${facesContext.externalContext.requestContextPath}/resources/css/MyStyles.css" rel="stylesheet" type="text/css"></link>

Aber irgendwie erschließt sich mir der Sinn des JSF-Tags nicht wirklich, wenn die Verschachtelung nicht funktioniert.

Kann mich da jemand aufklären?

Viele Grüße
Flashbaer

 

[JimPanse]

statt:

H
Ich habe eine CSS Datei (MyStyles.css) mit folgendem Inhalt:

@import url("fonts.css");
@import url("icons.css");
@import url("pageStyles.css");

das

@import url("#{resource['css:fonts.css']}");
@import url("#{resource['css:icons.css']}");
@import url("#{resource['css:pageStyles.css']}");

The syntax for accessing resources within an EL expression is resource['LIBRARY:NAME'], where LIBRARY and NAME correspond to the library and name attributes of the <hutputScript> and <hutputStylesheet> tags.

libraryjsf2

 

[Flashbaer]

Danke vielmals!
Ich hätte nicht gedacht dass sich die EL sogar in CSS Dateien fortsetzt...