午夜大片爽爽爽免费影院丨色综合色综合久久综合频道88丨日韩人妻无码中文字幕视频丨一本无码久本草在线中文字幕dvd丨国产午夜亚洲精品国产成人

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

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

當然這個還的自己去實踐啊!本人適合也只是針對目前做的項目而已!
今天的總結就到這里,不足之處還請指正。
主站蜘蛛池模板: 久久www免费人成精品| 国99精品无码一区二区三区 | 大白肥妇bbvbbw高潮| 国精品午夜福利视频不卡| 国产激情大臿免费视频| 日产乱码一区二区三区在线| 韩国无码色视频在线观看 | 人妻教师痴汉电车波多野结衣| 国产精品卡一卡2卡三卡网站| 国产永久av福利在线观看| 日本护士毛茸茸| 宅男666在线永久免费观看| 午夜精品无人区乱码1区2区 | 欧美私人情侣网站| 色欲麻豆国产福利精品| 无码人妻一区二区三区四区av| 久久这里只有精品18| 亚洲日韩日本中文在线| 欧美肥臀大屁股magnet| 中文字幕在线精品乱码| 免费国产女王调教在线视频| 国产美女视频免费的| 高清偷自拍亚洲精品三区| 中文字幕精品久久久久人妻| 乱精品一区字幕二区| 男人吃奶摸下挵进去好爽| 午夜无码大尺度福利视频| 欧美日韩一本无线码专区| 深夜国产一区二区三区在线看| 99久久婷婷国产综合精品| 国产香蕉尹人在线观看视频| 国产又黄又爽无遮挡不要vip| 7777精品伊人久久久大香线蕉| 国产欧美国日产高清| 嫖妓丰满肥熟妇在线精品| 亚洲男人av天堂男人社区| 午夜爽爽爽男女免费观看麻豆国产| 精品国偷自产在线视频99| 欧美性色黄大片| 第九色区av天堂| 伊人久久大香线蕉无码不卡|