div+css樣式表中ID與CLASS的使用原則和技巧

首先來說 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是能夠重複的並是子級的。
第2、 ID 與 CLASS 的使用技巧

看如下三點內容： [www.div-css.net]

（ 1 ）、子級的命名的包含父命名中的部分爲開頭。這樣方便在編寫 CSS 時明確層次關係。
（ 2 ）、 CLASS 中的子級最好不用 ID 。固然特殊狀況特殊對待。
（ 3 ）、 CLASS 的命名最好命名用大小寫合用。例 .newMovie 這樣的寫法與第一條結合起來使用明確關係最合適。要須要注意的是 IE 之外的瀏覽器對於大小寫是很敏感的。還有就是必定要以字母開頭。

但願你們對 div+css樣式表中的ID與CLASS的使用(原則和技巧)(命名)根據本身的經驗一塊兒總結出最適合也最有效率的規範來。