為什么網(wǎng)頁(yè)中ID屬性用得越來越少？
2020-04-25 分類： 網(wǎng)站建設(shè)
對(duì)于CSS來說，關(guān)于id和class屬于選擇器的問題。
二者主要的區(qū)別在哪里呢？
id具有唯一性，class具有普遍性。
id是唯一的，所以盡量在結(jié)構(gòu)外圍使用，通常用于頁(yè)面布局。
class是可重復(fù)的，所以盡量在結(jié)構(gòu)內(nèi)部使用，通常用于樣式定義。
id的樣式優(yōu)先級(jí)高于class。
id是先找到結(jié)構(gòu)/內(nèi)容，再給它定義樣式；class是先定義好一種樣式，再套給多個(gè)結(jié)構(gòu)/內(nèi)容。
為什么id應(yīng)用少，class應(yīng)用多？
單一使用的樣式用id，需要程序、js動(dòng)態(tài)控制的樣式用id，id在頁(yè)面只能使用一次！盡量少用id，因?yàn)閕d可能和頁(yè)面嵌的程序沖突。class作為一個(gè)獨(dú)立的屬性，一個(gè)元素可以有多個(gè)class樣式，一個(gè)class也可以用于多個(gè)元素，這樣可以重分將樣式分解化。同時(shí)在jquery和js可以class屬性。
什么時(shí)候使用ID，什么時(shí)候使用class？
一般情況下，css只用class來寫并有專門的class通用和私有模塊命名，id具有唯一性且優(yōu)先級(jí)太高只作為js操作dom的掛鉤全部不添加樣式，如果使用jq或zepto的話，操作的class類名一般也不加樣式，這部分的class命名和id一樣由js來制定。這樣做比較適合大型，多人維護(hù)并且需要長(zhǎng)期迭代的項(xiàng)目，css的class類名和js操作的id、class類完全分離，這樣產(chǎn)品的ui或者產(chǎn)品交互邏輯變動(dòng)二者互不影響，易維護(hù)。
新聞標(biāo)題：為什么網(wǎng)頁(yè)中ID屬性用得越來越少？
URL標(biāo)題：http://aaarwkj.com/news/81989.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、面包屑導(dǎo)航、網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站設(shè)計(jì)公司、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站策劃
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 空間是什么？我們?cè)撊绾芜x擇空間？ 2020-04-24
- 如何讓做好的網(wǎng)站打開速度更快 2020-04-24
- 如何合理的更換空間的操作過程 2020-04-24
- 什么樣的網(wǎng)站管理后臺(tái)猜是最規(guī)范的？ 2020-04-23
- 購(gòu)物網(wǎng)站運(yùn)營(yíng)的一些經(jīng)驗(yàn)分享 2020-04-23
- 網(wǎng)站源文件所有權(quán)屬于歸屬為客戶 2020-04-23
- 什么是產(chǎn)品展示型網(wǎng)站？ 2020-04-22
- 網(wǎng)站備案需要準(zhǔn)備的材料和操作方法 2020-04-24
- 評(píng)價(jià)一個(gè)網(wǎng)站好與壞的標(biāo)準(zhǔn)有哪些 2020-04-24
- 網(wǎng)站美工設(shè)計(jì)和平面設(shè)計(jì)的區(qū)別 2020-04-24
- 為什么有人會(huì)注冊(cè)多個(gè)域名？ 2020-04-24
- 做好網(wǎng)站以后關(guān)于FTP的說明事項(xiàng) 2020-04-22
- 瀏覽網(wǎng)站時(shí)看到的全是亂碼的問題分析。 2020-04-22
- 阻止自己的網(wǎng)站圖片被人盜用 2020-04-22
- 做好的網(wǎng)站在不同的電腦顯示不一樣 2020-04-21
- 如何打造一流的網(wǎng)站結(jié)構(gòu) 2020-04-21
- 對(duì)現(xiàn)有的網(wǎng)站站內(nèi)站外進(jìn)行分析 2020-04-21
- 成都網(wǎng)站建設(shè)的方法 2020-04-21
- 網(wǎng)站制作公司解密不同價(jià)格網(wǎng)站的根本區(qū)別 2020-04-21