CSS에서 id에 작동하지 않는 CSS

Question

내 JSP 페이지에서 outputText 태그를 사용할 때 CSS 스타일 시트가 나타나지 않지만 클래스로 변경하면 작동합니다.

JSP :

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

CSS : 나는 그 모든 형태의 글꼴이 굵게 않는, 그래서 그 차이를 이해하지 못하는 부모 <h:form>의 ID를 사용

#namelabel { 

    font-weight: bold; 
} 

아무도 설명 할 수 있니? 뭔가 특별한 것을 놓치고있는 것처럼 느껴지겠습니다.

순간적으로는 문제가 아니지만 Im은 고유 한 CSS 규칙을 해당 특정 outputText에 부여하고 싶거나 나중에 다른 클래스 규칙을 추가 할 것인지 궁금해합니다. ? 나는 여기에서도 모범 사례에 대해 묻고있는 Im라고 생각한다.

Im 또한 ajax, netbeans를 사용하고 GlassFish에 배포합니다.

Answer 1

JSF는 입력란 구성 요소의 ID를 변경합니다. ,,

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