日本一卡精品视频免费丨国产午夜片无码区在线播放丨国产精品成人久久久久久久丨国产亚洲日韩av在线播放不卡丨亚洲日韩av无码

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

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

當然這個還的自己去實踐啊!本人適合也只是針對目前做的項目而已!
今天的總結就到這里,不足之處還請指正。
主站蜘蛛池模板: 无码人妻精品一区二区三18禁| 在线观看国产网站| 又大又粗欧美黑人aaaaa片| 亚洲最大中文字幕| 国产在线观看中文字幕| 麻豆妓女爽爽一区二区三| 国产激情无码一区二区三区| 亚洲国产成人综合| 久久精品国亚洲a∨麻豆| 久久午夜夜伦鲁鲁片免费无码| 在线v片免费观看视频| 久久久少妇| 护士奶头又白又大又好摸视频 | 日韩午夜理论免费tv影院 | 极品新婚夜少妇真紧| 欧美久久伊人| 免费无码a片一区二三区| 国产精品九| 美女视频黄的全免费视频网站| 少妇又紧又色又爽又刺激视频| 欧美人与动牲交a免费观看| 忘忧草日本在线播放www| 国产综合视频一区二区三区| 亚洲欧美日韩系列| 国产精品久久毛片| 色综合综合| 日本熟妇hdsex视频| 日本肉体xxxx裸交| 欧美一级黄视频| 经典国产乱子伦精品视频| 亚洲色图88| 亚洲色成人网站www永久| 国产高潮好紧好爽hd| 精品黑人一区二区三区久久| 国产成人av在线婷婷不卡九色| 乌克兰少妇videos高潮| 97福利影院| 久久久亚洲精品一区二区三区浴池|