id和class的差別，使用類別還是ID

前面兩篇文章我們分別談到了class和id的相關知識和如何使用，但在實際專案中，我們該如何抉擇，class還是id？

先回顧下兩者的差異吧！

1.id具有唯一性，class具有普遍性，所以一個頁面同一個id只能使用一次，而class可以無限制使用。

2.id的優先權要高於class的!如下面列子：

2. #p1{color:red}

3. .p2{color:green}

4. 這是一個段落

上面是一個範例，p元素中的文字是紅色而不是綠色，因為id的優先權高於class的。

其實id和class用法蠻簡單的，但要寫出優雅的css程式碼，那也是要注意一些東西的。現在自己做的專案採用敏捷模式，多個人合作開發，
最痛苦的就是整個html文檔中id和class滿天飛，維護起來那叫一個坑啊！最近看到有個人關於使用id和class的心得，我覺得不錯，摘要如下：

css只用class來寫並有專門的class通用和私有模組命名，id具有唯一性且優先級太高只作為js操作dom的掛鉤全部不添加樣式，如果使用jq或zepto的話，
操作的class類名一般也不加樣式，這部分的class命名和id一樣由js來製定。這樣做比較適合大型，多人維護並且需要長期迭代的項目，
css的class類名和js操作的id、class類完全分離，這樣產品的ui或者產品交互邏輯變動二者互不影響，易維護。

總結一句話：js盡量操作id，class盡量操作css！

當然這個還的自己去實踐啊！本人適合也只是針對目前做的項目而已！今天的總結就到這裡，不足之處還請指正。

更多id和class的差別，使用類別還是ID相關文章請關注PHP中文網！