多人伦交性欧美,卡1卡2卡3乱码欧美,一个人免费观看高清视频,亚洲国产成人久久综合一区77,欧美性性性性xxxxoooo

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

2017/2/28 8:44:21   閱讀:4117    發(fā)布者:4117
css常用屬性總結(jié)之 id和class的區(qū)別,使用類(lèi)還是ID?
前面兩篇文章我們分別談到了class和id的相關(guān)知識(shí)和如何使用,但是在實(shí)際項(xiàng)目中,
我們?cè)撊绾尉駬?,class還是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)單的,但是要寫(xiě)出優(yōu)雅的css代碼,那也是要注意一些東西的。
現(xiàn)在自己做的項(xiàng)目采用敏捷模式,多個(gè)人合作開(kāi)發(fā),
最痛苦的就是整個(gè)html文檔中id和class滿天飛,維護(hù)起來(lái)那叫一個(gè)坑??!
最近看到有個(gè)人關(guān)于使用id和class的心得,我覺(jué)得不錯(cuò),摘要如下:

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

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

當(dāng)然這個(gè)還的自己去實(shí)踐??!本人適合也只是針對(duì)目前做的項(xiàng)目而已!
今天的總結(jié)就到這里,不足之處還請(qǐng)指正。