網站建設
                                                       
                                                          收藏本站 
                                                      用戶ID/郵箱: 密 碼:
                                                      客戶中心 Customer service 您目前的位置:首 頁 > 客戶中心 > DIV+CSS 



                                                      DIV+CSS,網站建設DIV+CSS:css常用屬性總結之 id和class的區別,使用類還是ID?

                                                      css常用屬性總結之 id和class的區別,使用類還是ID?

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

                                                      先回顧下兩者的區別吧!

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

                                                      2.id的優先級要高于class的!如下面列子:

                                                      1. <html>
                                                      2. #p1{color:red}
                                                      3. .p2{color:green}
                                                      4. <p id="p1" class="p2">這是一個段落</p>
                                                      5. </html>

                                                      上面是一個示例,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!

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


                                                      上一條: 關于左邊固定,右邊自適應布局的響應式布局寫法
                                                      下一條:
                                                      相關文章
                                                      css常用屬性總結之 id和class的區別,使用類還是ID?
                                                      關于左邊固定,右邊自適應布局的響應式布局寫法
                                                      html實現 頁面禁止右鍵 禁止復制 禁止圖片拖動 禁止復制和剪切
                                                      推廣經驗分享
                                                      其它
                                                      網站建設資源
                                                      常見問題
                                                      網站知識
                                                      首頁關于我們業務范圍新聞資訊成功案例客服中心聯系我們深圳網站建設網站優化付款帳戶
                                                      COPYRIGHT(C) 2005-2019 亞網互聯·中國 版權所有 ALL RIGHTS RESERVED (粵ICP備15005241號)
                                                      深圳網站建設公司地址:深圳市寶安區龍華民治大道東明大廈15樓 1529-1531 室   E-Mail:[email protected]  
                                                      公司電話:0755-89812581(8線)  
                                                      深圳市亞網科技有限公司 深圳網站建設常年法律顧問:朱運德律師
                                                      四川金7乐18061809期

                                                                                                                                                              如何选电脑配置 河南麻将怎么打 山西省11选5一定女牛 20选5免费工具 快乐十分一晚赢100万 谁有重庆辛运农场计划 老版腾龙时时彩安卓版 重庆时时多少钱 河北时时结果 山东十一选5软件 4个人扎金花闷牌规律 时时彩买9个号能赢吗 内蒙古时时几点开奖 上饶同城麻将游戏 十五选五牛彩网 广东时时走势图