CSS 的 ID 和 Class 有什么區(qū)別?如何正確使用它們?
問(wèn)題描述
CSS 的 ID 和 Class 有什么區(qū)別?如何正確使用它們?
問(wèn)題解答
回答1:CSS 的 ID 和 Class 有什么區(qū)別?如何正確使用它們?-PHP中文網(wǎng)問(wèn)答-CSS 的 ID 和 Class 有什么區(qū)別?如何正確使用它們?-PHP中文網(wǎng)問(wèn)答
圍觀一下哦,學(xué)習(xí)一下。
回答2:ID是使用#來(lái)標(biāo)識(shí)的,class是使用.(點(diǎn))標(biāo)識(shí)的,再有就是id的同一個(gè)名字只能在頁(yè)面出現(xiàn)一次,class可以出現(xiàn)多次
回答3:ID具有唯一性,Class具有普遍性。ID是唯一的,所以盡量在結(jié)構(gòu)外圍使用,通常用于頁(yè)面布局。Class是可重復(fù)的,所以盡量在結(jié)構(gòu)內(nèi)部使用,通常用于樣式定義。ID的樣式優(yōu)先級(jí)高于Class。
回答4:對(duì)于CSS而言,id和class都是選擇器,唯一不同的地方在于權(quán)重不同。
如果只說(shuō)CSS,上面那一句話(huà)就講完了。
拓展出來(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)分開(kāi)的公司,會(huì)用不同類(lèi)型的選擇器來(lái)分隔開(kāi)發(fā)人員職責(zé),前端用id操作dom,重構(gòu)用class來(lái)操作dom,當(dāng)然現(xiàn)在是不推薦這樣做的
相關(guān)文章:
1. javascript - immutable配合react提升性能?2. 如何設(shè)置一個(gè)無(wú)限循環(huán)并打破它。(Java線(xiàn)程)3. python小白 自學(xué)看書(shū)遇到看不懂的地方4. javascript - sublime快鍵鍵問(wèn)題5. macos - 如何徹底刪除mac自帶的apache和php6. docker 17.03 怎么配置 registry mirror ?7. shell - mysql更新錯(cuò)誤8. DADB.class.php文件的代碼怎么寫(xiě)9. php對(duì)mysql提取數(shù)據(jù)那種速度更快10. 實(shí)現(xiàn)bing搜索工具urlAPI提交

網(wǎng)公網(wǎng)安備