問題描述

CSS 的 ID 和 Class 有什么區(qū)別？如何正確使用它們？

問題解答

CSS 的 ID 和 Class 有什么區(qū)別？如何正確使用它們？-PHP中文網(wǎng)問答-CSS 的 ID 和 Class 有什么區(qū)別？如何正確使用它們？-PHP中文網(wǎng)問答

圍觀一下哦，學(xué)習(xí)一下。

ID是使用#來(lái)標(biāo)識(shí)的，class是使用.（點(diǎn)）標(biāo)識(shí)的，再有就是id的同一個(gè)名字只能在頁(yè)面出現(xiàn)一次，class可以出現(xiàn)多次

ID具有唯一性，Class具有普遍性。ID是唯一的，所以盡量在結(jié)構(gòu)外圍使用，通常用于頁(yè)面布局。Class是可重復(fù)的，所以盡量在結(jié)構(gòu)內(nèi)部使用，通常用于樣式定義。ID的樣式優(yōu)先級(jí)高于Class。

對(duì)于CSS而言，id和class都是選擇器，唯一不同的地方在于權(quán)重不同。

如果只說(shuō)CSS，上面那一句話就講完了。

拓展出來(lái)，對(duì)于html而言，id和class都是dom元素的屬性值。不同的地方在于id屬性的值是唯一的，而class屬性值可以重復(fù)。

id還一個(gè)老特性是錨點(diǎn)功能，當(dāng)瀏覽器地址欄有一個(gè)#xxx，頁(yè)面會(huì)自動(dòng)滾動(dòng)到id=xxx的元素上面。

由于大家都是選擇器，曾經(jīng)一段時(shí)間在前端重構(gòu)分開的公司，會(huì)用不同類型的選擇器來(lái)分隔開發(fā)人員職責(zé)，前端用id操作dom，重構(gòu)用class來(lái)操作dom，當(dāng)然現(xiàn)在是不推薦這樣做的