css常用屬性總結(jié)之 id和class的區(qū)別，使用類還是ID?
前面兩篇文章我們分別談到了class和id的相關(guān)知識(shí)和如何使用，但是在實(shí)際項(xiàng)目中，
我們?cè)撊绾尉駬瘢琧lass還是id？
先回顧下兩者的區(qū)別吧！
1.id具有唯一性，class具有普遍性，所以一個(gè)頁面同一個(gè)id只能使用一次，而class可以被無限制使用。
2.id的優(yōu)先級(jí)要高于class的!如下面列子：
<html>
#p1{color:red}
.p2{color:green}
<p id="p1" class="p2">這是一個(gè)段落</p>
</html>
上面是一個(gè)示例，p元素中的文字是紅色而不是綠色，因?yàn)閕d的優(yōu)先級(jí)高于class的。
其實(shí)id和class用法挺簡單的，但是要寫出優(yōu)雅的css代碼，那也是要注意一些東西的。
現(xiàn)在自己做的項(xiàng)目采用敏捷模式，多個(gè)人合作開發(fā)，
最痛苦的就是整個(gè)html文檔中id和class滿天飛，維護(hù)起來那叫一個(gè)坑??！
最近看到有個(gè)人關(guān)于使用id和class的心得，我覺得不錯(cuò)，摘要如下：
css只用class來寫并有專門的class通用和私有模塊命名，id具有唯一性且優(yōu)先級(jí)
太高只作為js操作dom的掛鉤全部不添加樣式，如果使用jq或zepto的話，
操作的class類名一般也不加樣式，這部分的class命名和id一樣由js來制定。
這樣做比較適合大型，多人維護(hù)并且需要長期迭代的項(xiàng)目，
css的class類名和js操作的id、class類完全分離，這樣產(chǎn)品的ui
或者產(chǎn)品交互邏輯變動(dòng)二者互不影響，易維護(hù)。
總結(jié)一句話：js盡量操作id，class盡量操作css！
當(dāng)然這個(gè)還的自己去實(shí)踐??！本人適合也只是針對(duì)目前做的項(xiàng)目而已！
今天的總結(jié)就到這里，不足之處還請(qǐng)指正。
