<input id="4cgqc"></input>
  • <input id="4cgqc"></input>
  • <menu id="4cgqc"></menu>
  • <menu id="4cgqc"></menu>
  • 欧美性开放BBW

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

    2017/2/28 8:44:21   閱讀:2308    發布者:2308
    css常用屬性總結之 id和class的區別,使用類還是ID?
    前面兩篇文章我們分別談到了class和id的相關知識和如何使用,但是在實際項目中,
    我們該如何抉擇,class還是id?

    先回顧下兩者的區別吧!

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

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

    <html>
    #p1{color:red}
    .p2{color:green}
    <p id="p1" class="p2">這是一個段落</p>
    </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!

    當然這個還的自己去實踐??!本人適合也只是針對目前做的項目而已!
    今天的總結就到這里,不足之處還請指正。
    在线视频!欧美性开放BBW在线欣赏,欧美性开放BBW在线品鉴,欧美性受XXXX孕妇欧美性受XXXX88喷潮等免费视频在线观看在线播放! <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>