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后面将为生成的 HTML 代码设置 CSS class 属性，所以下面是一个示例：

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

现在在你的 CSS 中：

.some-class{
  color: red;
}

这就是您继续向 JSF UIComponents 添加样式的方式。