為什么網(wǎng)頁中ID屬性用得越來越少？

2020-04-25    分類： 網(wǎng)站建設(shè)

對于CSS來說，關(guān)于id和class屬于選擇器的問題。

二者主要的區(qū)別在哪里呢？

id具有唯一性，class具有普遍性。

id是唯一的，所以盡量在結(jié)構(gòu)外圍使用，通常用于頁面布局。

class是可重復(fù)的，所以盡量在結(jié)構(gòu)內(nèi)部使用，通常用于樣式定義。

id的樣式優(yōu)先級高于class。

id是先找到結(jié)構(gòu)/內(nèi)容，再給它定義樣式；class是先定義好一種樣式，再套給多個結(jié)構(gòu)/內(nèi)容。

為什么id應(yīng)用少，class應(yīng)用多？

單一使用的樣式用id，需要程序、js動態(tài)控制的樣式用id，id在頁面只能使用一次！盡量少用id，因為id可能和頁面嵌的程序沖突。class作為一個獨立的屬性，一個元素可以有多個class樣式，一個class也可以用于多個元素，這樣可以重分將樣式分解化。同時在jquery和js可以class屬性。

什么時候使用ID，什么時候使用class？

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

分享題目：為什么網(wǎng)頁中ID屬性用得越來越少？
文章起源：http://www.bm7419.com/news39/81989.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、定制開發(fā)、網(wǎng)站設(shè)計公司、外貿(mào)建站、營銷型網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)