JSF-Komponenten als Selektoren für CSS-Stile

Question

Die Auswahl einer Komponente als selector in einer CSS-Datei ist recht einfach. Das Muster ist

selector { attribute: value; ... }

ich wählen <p> als Selektor als HTML-Tag sagen konnte, aber wie es mit JSF-Tags funktioniert?

Ich fand heraus, dass Sie HTML-Entsprechungen von JSF-Tags, z.
h:inputText zu <input> ... aber das ist nur die einzige JSF-HTML-Konvertierung, die ich kenne ... :)
Wo finde ich alle entsprechenden Tags?

Gibt es andere Methoden, JSF-Komponenten mit CSS zu formatieren?

Answer 1

Jeder (oder die meisten) UIComponent in der JSF-Bibliothek hat ein Attribut CSS Styling für Ihren persönlichen Gebrauch einzustellen: styleClass, die in der Rückseite der CSS gesetzt wird class Attribut für den resultierenden HTML-Code hier ist also ein Beispiel:

<h:outputText value="here is my text" 
       styleClass="some-class" /> 

Jetzt in Ihrem CSS:

.some-class{ 
    color: red; 
} 

Dies ist, wie Sie Styling JSF UIComponents hinzufügen würde gehen.