關於css的ID和class這兩種選擇符,就頁面效果而言,兩個的視覺效果幾乎無差別,但W3C對於ID與CLASS的設定是ID具有唯一性,CLASS具有普遍性,所以一個頁面同一個ID只能使用一次,而class可以無限制使用。
在實際使用中,單一的元素或需要程序、JS控制的東西,需要用id定義;重複使用的元素、類別,則用class定義。
ID需要具有唯一性,並且儘量在外圍使用,如網頁的大致佈局,多數選用ID選擇符來控制以施加樣式,而CLASS具有可重複性,並且儘量在結構內部使用。這樣做的好處是有利於網站代碼的後期維護與修改。正式是因爲ID是不能重複的,所以在XHTML的結構中,大結構一定是用ID。比如標誌、導航、主體內容、版權,規範命名爲#logo , #nav , #content , #copyright。
類別選擇器和ID選擇器的簡單示例:
<div id="style1">
<div class="style2">
style1 只能定義爲 #style1{…..} 這就是ID選擇器
style2 只能定義爲 .style2{…..} 這就是類別選擇器
總結:一個頁面上所有控件ID不能重複且只能使用一次,但class可以被多個 html控件所套用,無限次使用。