CSS中class與id的主要區(qū)別是什么

這篇文章主要講解了“CSS中class與id的主要區(qū)別是什么”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“CSS中class與id的主要區(qū)別是什么”吧！

id和class屬性是網(wǎng)頁(yè)中兩個(gè)通用的屬性，它們協(xié)同工作使整個(gè)頁(yè)面變得豐富多彩。當(dāng)我們?yōu)橐粋€(gè)元素定義樣式時(shí)?？梢允褂胕d，也可以使用class。但是我們也應(yīng)該注意這兩者的區(qū)別。 

CSS中class與id的幾個(gè)主要區(qū)別：

一、前綴不同。在CSS文件里書(shū)寫(xiě)時(shí)，id加前綴"#"；class用前綴"."；
二、數(shù)量不同。同一個(gè)標(biāo)簽，只能有一個(gè)id,但可以有多個(gè)Class（如：div id="div1"，表示該div的ID為div1，Class分別為div1、div2、div3三個(gè))；
三、性質(zhì)不同。id是一個(gè)標(biāo)簽，用于區(qū)分不同的結(jié)構(gòu)和內(nèi)容，就像我們的名字一樣。而class是一個(gè)樣式，可以套在任何結(jié)構(gòu)和內(nèi)容上，就像一件衣服一樣。
四、優(yōu)先性不同。如果同時(shí)定義一個(gè)標(biāo)簽的id和class的css，id所定義的css優(yōu)先于class（：#div{font-size:14px;} .div{font-size:12px;}；則它的字體大小是14px）；
五、ID常用于JavaScript控制，很少使用class。 

css的選擇器有哪些

css的選擇器可以分為三大類，即id選擇器、class選擇器、標(biāo)簽選擇器。它們之間可以有多種組合，有后代選擇器、子選擇器、偽類選擇器、通用選擇器、群組選擇器等等

感謝各位的閱讀，以上就是“CSS中class與id的主要區(qū)別是什么”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)CSS中class與id的主要區(qū)別是什么這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！