CSS没有在jsp上使用id

Question

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

JSP：

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

的CSS：

#namelabel {

    font-weight: bold;
}

当我使用父<h:form>的id时，它确实使整个表单的字体变粗，所以我不明白其中的差异，任何人都可以解释一下吗？感觉就像我错过了一些明显的东西..

目前这不是问题，但是如果我想给特定的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>