JSF组件作为css样式的选择器

Question

在css文件中选择组件作为selector非常简单。 模式是

selector { attribute: value; ... }

我可以选择说<p>作为选择器作为HTML标记，但它如何与JSF标记一起使用？

我发现你可以使用HTML等价的JSF标签，例如
h:inputText到<input> ...但这只是我所知道的唯一的JSF-HTML转换...... :) 我在哪里可以找到所有相应的标签？

是否还有其他使用css为JSF组件设置样式的方法？

Answer 1

JSF库中的每个（或大多数） UIComponent 都有一个属性来设置CSS样式供您个人使用：styleClass在后​​面将设置CSS class生成的HTML代码的属性所以这是一个例子：

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

现在在你的CSS中：

.some-class{
  color: red;
}

这就是为JSF UIComponents添加样式的方法。