国产麻豆一区二区精彩视频-国产麻豆一区精品视频-国产麻豆一区在线-国产毛a片久久久久无码-国产毛片av一区二区三区网站-国产毛片精品av一区二区

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

2017/2/28 8:44:21   閱讀:4102    發布者:4102
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!

當然這個還的自己去實踐啊!本人適合也只是針對目前做的項目而已!
今天的總結就到這里,不足之處還請指正。
主站蜘蛛池模板: 97在线观看视频 | 欧美一欧美一区二三区性 | 亚洲欧美一区二区三区国产精品 | 国产视频福利 | 精品亚洲一区二区 | 日韩午夜在线观看 | 国产精品网站在线进入 | 久久婷婷无码欧美日韩 | 精品一卡2卡三卡四卡二卡 精品一卡二卡三卡 | 色妺妺av爽爽影院 | 色综合热无码热国产 | 日本久久精品视频 | 嫩草影院在线免费观看 | 欧美在线一级视频 | 日韩精品视频免费观看 | 日韩欧美一区二区三区不卡在线 | 亚洲精品乱码久久久久久不卡 | 热re99久久精品国产99热 | 九九视频在线观看视频6 | 日韩av无码一区二区三区无码 | 波多野结衣av一区二区全免费观看 | 亚欧在线观看 | 欧美成人午夜在线全部免费 | 亚洲fuli在线观看 | 狠狠色欧美亚洲综合色黑a 狠狠色色综合网站 | 日韩一区二区三区不卡 | 亚洲日本va中文字幕 | 浓毛老太交欧美老妇热爱乱 | 免费色在线 | 香港三级日本三级妇人三级 | 精品久久久久久久一区二区手机版 | 精品精品国产欧美在线观看 | 成人在线不卡视频 | 国产精品国产三级国产专播 | 国产做国产爱免费视频 | 国产在线是视频有精品 | 日本一卡精品视频免费 | 欧洲亚洲精品久久久久 | 午夜视频在线播放 | 欧美一级特黄毛片免费 | 日本免费不卡在线一区二区三区 |