2016-06-11 44 views
1

在我使用id的jsp頁面outputText標記中,我的css樣式表沒有選擇它,但是當我將它更改爲class時,它工作正常。CSS在jsp上不能處理id

的jsp:

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

CSS:

#namelabel { 

    font-weight: bold; 
} 

當我用父<h:form>的ID它確實使字體加粗爲整個表單,所以我不明白的區別任何人都可以解釋嗎?感覺就像我缺少一些明顯的東西..

目前它不是一個問題,但我也想知道未來的參考,如果我想給這個特定的outputText獨特的CSS規則,或者我會只是添加另一個類的規則?我想我也在這裏問最好的做法。

我也使用ajax,netbeans和部署到GlassFish。

+0

這應該工作的時候沒有,無論是ID動態地改變或其他規則,稍後在CSS中(或者腳本明智的)將字體設置爲別的。如果您右鍵單擊元素並選擇「檢查」,您將能夠看到開發中的哪一個。工具彈出 – LGSon

+0

@LGSon非常感謝您的輸入,我使用其他答案來實際更改代碼,但這有助於瞭解,然後我可以看到「檢查」ID如何根據其他人進行更改意見 – KatieD

回答

2

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> 
+0

謝謝!這工作:) – KatieD