97免费在线观看视频 I 午夜夫妻视频 I 久久久久久网站 I 天堂网男人 I 欧美大波大乳人奶 I 丝袜 中出 制服 人妻 美腿 I 窝窝午夜理论片影院 I 日韩在线伦理电影 I 韩国特级毛片 I 亚洲欧美另类激情 I 在线成人日韩 I 麻豆视频免费看 I 黄色生活毛片 I 极品一线天小嫩嫩真紧 I 色久天堂 I 久久久久久黄色片 I 林智妍三级露全乳电影视频 I 大肉大捧一进一出好爽视频 I 空乘伦理hd I 少妇口述与子做过爱 I 成人免费影片 I 国产精品国内免费一区二区三区 I 日韩制服一区 I 青青草福利在线 I 日本在线观看不卡视频 I 婷婷六月综合亚洲 I 国产又粗又黄又硬 I 美女扒开屁股让男子桶爽 I 欧美性午夜视频观看 I 欧美狠狠插 I 亚洲福利在线观看视频 I 无码抽搐高潮喷水流白浆 I 亚洲欧美国产日韩色伦 I 你懂的视频网站在线观看 I www.蜜桃视频在线观看 I 日本无码人妻精品一区二区蜜桃 I 久久中文字幕人妻丝袜 I 碰草在线视频 I 日韩精品成人av网站

css常用屬性總結(jié)之 id和class的區(qū)別,使用類還是ID?

2017/2/28 8:44:21   閱讀:4370    發(fā)布者:4370
css常用屬性總結(jié)之 id和class的區(qū)別,使用類還是ID?
前面兩篇文章我們分別談到了class和id的相關(guān)知識(shí)和如何使用,但是在實(shí)際項(xiàng)目中,
我們?cè)撊绾尉駬瘢琧lass還是id?

先回顧下兩者的區(qū)別吧!

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

2.id的優(yōu)先級(jí)要高于class的!如下面列子:

<html>
#p1{color:red}
.p2{color:green}
<p id="p1" class="p2">這是一個(gè)段落</p>
</html>
上面是一個(gè)示例,p元素中的文字是紅色而不是綠色,因?yàn)閕d的優(yōu)先級(jí)高于class的。

其實(shí)id和class用法挺簡(jiǎn)單的,但是要寫出優(yōu)雅的css代碼,那也是要注意一些東西的。
現(xiàn)在自己做的項(xiàng)目采用敏捷模式,多個(gè)人合作開發(fā),
最痛苦的就是整個(gè)html文檔中id和class滿天飛,維護(hù)起來(lái)那叫一個(gè)坑啊!
最近看到有個(gè)人關(guān)于使用id和class的心得,我覺(jué)得不錯(cuò),摘要如下:

css只用class來(lái)寫并有專門的class通用和私有模塊命名,id具有唯一性且優(yōu)先級(jí)
太高只作為js操作dom的掛鉤全部不添加樣式,如果使用jq或zepto的話,
操作的class類名一般也不加樣式,這部分的class命名和id一樣由js來(lái)制定。
這樣做比較適合大型,多人維護(hù)并且需要長(zhǎng)期迭代的項(xiàng)目,
css的class類名和js操作的id、class類完全分離,這樣產(chǎn)品的ui
或者產(chǎn)品交互邏輯變動(dòng)二者互不影響,易維護(hù)。

總結(jié)一句話:js盡量操作id,class盡量操作css!

當(dāng)然這個(gè)還的自己去實(shí)踐啊!本人適合也只是針對(duì)目前做的項(xiàng)目而已!
今天的總結(jié)就到這里,不足之處還請(qǐng)指正。
主站蜘蛛池模板: 尤物九九久久国产精品的特点 | 精品国偷自产在线 | 久久爽久久爽久久av东京爽 | 成人免费网站入口www | 尤物网av| 欧美色图片| 亚洲精品高清在线观看 | 日韩在线操| 欧美三日本三级少妇99印度 | 欧美成人一级 | 亚洲bbw性色大片 | 91精品国产色综合久久不卡98最新章节 | 人人av在线 | 亚洲日韩中文第一精品 | 少妇午夜三级伦理影院播放器 | 中国美女洗澡免费看网站 | 亚洲www永久成人夜色 | 香蕉视频国产在线观看 | 久久人人爽人人爽av片 | 在线免费观看av的网站 | aaaa一级片 | 黑人入室粗暴人妻中出 | 日本乱妇乱子视频 | 中文字幕亚洲一区一区 | 日本免费三级网站 | 四面虎影最新播放网址 | 亚洲综合网站精品一区二区 | 少妇又紧又大又色又爽视频 | 久久久久国产精品免费免费搜索 | 丁香婷婷久久 | av熟女人妻一区二区三区 | 三叶草欧洲码在线 | 99久热re在线精品99re8热视频 | 毛片无限看| 精品中文在线 | 久久久久久高清 | 欧美狠狠爱 | 337p日本大胆噜噜噜噜 | 97干在线 | 亚洲婷婷在线视频 | 野花社区视频www官网 | 荡女精品导航 | 99综合在线 | 亚洲精品日本久久一区二区三区 | 国产亚洲日韩妖曝欧美 | 国产偷国产偷亚洲清高app | 亚洲欧美a | 亚洲 春色 另类 小说 | 日韩放荡少妇无码视频 | 在线观看av免费 | 日本体内she精高潮 日本成人三级 | 成人免费视频大全 | 性开放永久免费视频 | 帮老师解开蕾丝奶罩吸乳视频 | 中文字幕乱码久久午夜不卡 | 国产主播一区二区 | 精品人体无码一区二区三区 | 国产精品国产成人国产三级 | 一女多男np慎入h有声小说 | 波多野结无码高清中文 | 久久久久综合精品福利啪啪 | 岛国av在线不卡 | 亚洲全黄 | 加勒比色综合久久久久久久久 | 九色porny丨自拍视频 | 一本大道av伊人久久综合 | 粉嫩av亚洲一区二区图片 | 色丁香六月 | 国产在线乱码一区二三区 | 国内精品久久久久国产盗摄 | 国产成人亚洲综合网色欲网久下载 | 日韩精品一91爱爱 | 最新中文字幕av | 媚药侵犯调教放荡在线观看 | 精品视频在线免费看 | 成人3d动漫一区二区三区91 | 都市激情中文字幕 | 国产成人午夜精品影院游乐网 | 亚洲一区波多野结衣在线 | 极品美女扒开粉嫩小泬图片 | 中文字幕亚洲国产 | 国产片免费福利片永久 | 国产视频在线免费 | 在线播放免费播放av片 | 99精品99| 国产福利一区在线 | 老色69久久九九精品高潮 | 精品人妻少妇一区二区三区在线 | 国产激情无码一区二区 | 国产日韩欧美中文 | 国产毛片爱情岛久久久午夜 | 日韩1级片| 日韩中文字幕在线专区 | 好吊妞这里有精品 | 九色视频网址 | 精品伊人久久久久7777人 | 国产91久久久 | 国产 亚洲 制服 无码 中文 | 香港三日本三级少妇三级视频 |