我的上一篇文章“
div+css樣式表的id和class常用命名規則”主要講了id與class的命名規範，有了上一節的基礎，今天講的是
div+css樣式表中的ID與CLAS的使用原則和技巧。
首先來講
ID
與
CLASS
的使用原則
我們這裡的使用原則是依據W3C對於ID與CLASS的設定：ID具有唯一性，CLASS具有普遍性的特性建立的。ID是不能重複的，所以在XHTML的結構中，大結構一定是用ID。比如標誌、導航、主體內容、著作權。在“
div+css樣式表的id和class常用命名規則”規範命名為#logo , #nav , #content , #copyright 這些是固定的命名。有些網頁設計師認為排版布局用ID，背景和配色用CLASS。這是不合理的說法。因為ID與排版布局沒有什麼直接關係，CLASS與配色也不是對等的。
有些設計師為了不區分的那麼仔細乾脆都用ID或是全都用CLASS，起初我就是全部都用class.全都用CLASS呢還有可理解，全都用ID就不正常了，這違返了 ID唯一性。如果每個ID都不一樣，那非累死不可。ID需要具有唯一性，並且盡量在外圍使用。而CLASS具有可重複性，並且盡量在結構內部使用。這樣做的好處是有利於網站代碼的後期維護與修改，這樣的做法就會讓所有的CLASS都成為ID的子級或是孫級。你可以有兩個兒子但你能有兩個爸爸嗎，就是這個道理。在我們寫CSS的時候可以寫成這樣 #father .child {…} 盡量不要讓Class包含ID，.father #child {…}如果寫成這樣顯得有點可笑 。當然這也不是一定的，特殊情況需要特殊編寫。
以上就是ID與CLASS使用原則，一句話總結：ID是唯一的並是父級的，CLASS是可以重複的並是子級的。
第二、
ID
與
CLASS
的提示看以下三點內容：[www.div-css.net] （1）、子級的命名的包含父命名中的部分為開頭。這樣方便在編寫CSS時明確層次關係。
（2）、CLASS中的子級最好不用ID。當然特殊情況特殊對待。
（3）、CLASS的命名最好命名用大小寫合用。例 .newMovie 這樣的寫法與第一條結合起來使用明確關係最合適。要需要注意的是IE以外的瀏覽器對於大小寫是很敏感的。還有就是一定要以字母開頭。 希望大家對div+css樣式表中的ID與CLASS的使用(原則和技巧)(命名)根據自己的經驗一起總結出最適合也最有效率的規範來。
相關文章:div+css專欄
