淺析ID與CLASS的區別

關於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控件所套用,無限次使用。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章