CSS 在 jsp 上的 id 上不起作用

Question

当我使用 id 时，在我的 jsp 页面上outputText标签上，我的 css 样式表没有选择它，但是当我将其更改为类时它可以工作。

.jsp：

<h:outputText id="namelabel" value="Name:" /> 

.css：

#namelabel {
    font-weight: bold;
}

当我将id用于父<h:form>时，它确实使整个表单的字体加粗，所以我不明白其中的区别，谁能解释一下？感觉我错过了一些明显的东西..

目前这不是问题，但我也想知道我是否想为该特定outputText提供独特的 CSS 规则以供将来参考，或者我会向它添加另一个类规则？我想我也在这里询问最佳实践。

我还使用 ajax、netbeans 并部署到 GlassFish。

Answer 1

JSF 将更改输入框组件的 ID。ID将更改为以下形式

form_name:component_id

对样式使用以下代码

form_name:id

前任：

<h:form name="testForm">
<h:outputText id="namelable" value="Name:" />
</h:form>
<style>
#testForm:namelabel{
font-weight: bold;
}
</style>