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