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

Question

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

selector { attribute: value; ... }

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

我发现你可以使用 JSF 标签的 HTML 等价物，例如
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 添加样式的方式。