學(xué)習(xí)了類選擇器和ID選擇器，我們會(huì)發(fā)現(xiàn)他們之間有很多的相似處，是不是兩者可以通用呢？我們不要著急先來(lái)總結(jié)一下他們的相同點(diǎn)和不同點(diǎn)：

相同點(diǎn)：可以應(yīng)用于任何元素

不同點(diǎn)：

1、ID選擇器只能在文檔中使用一次。與類選擇器不同，在一個(gè)HTML文檔中，ID選擇器只能使用一次，而且僅一次。而類選擇器可以使用多次。

下面代碼是正確的：

三年級(jí)時(shí)，我還是一個(gè)膽小如鼠的小女孩，上課從來(lái)不敢回答老師提出的問(wèn)題，生怕回答錯(cuò)了老師會(huì)批評(píng)我。就一直沒(méi)有這個(gè)勇氣來(lái)回答老師提出的問(wèn)題。

而下面代碼是錯(cuò)誤的：

三年級(jí)時(shí)，我還是一個(gè)膽小如鼠的小女孩，上課從來(lái)不敢回答老師提出的問(wèn)題，生怕回答錯(cuò)了老師會(huì)批評(píng)我。就一直沒(méi)有這個(gè)勇氣來(lái)回答老師提出的問(wèn)題。

2、可以使用類選擇器詞列表方法為一個(gè)元素同時(shí)設(shè)置多個(gè)樣式。我們可以為一個(gè)元素同時(shí)設(shè)多個(gè)樣式，但只可以用類選擇器的方法實(shí)現(xiàn)，ID選擇器是不可以的(不能使用 ID 詞列表)。

下面的代碼是正確的(完整代碼見右側(cè)代碼編輯器)

.stress{

color:red;

}

.bigsize{

font-size:25px;

}

到了三年級(jí)下學(xué)期時(shí)，我們班上了一節(jié)公開課...

上面代碼的作用是為“三年級(jí)”三個(gè)文字設(shè)置文本顏色為紅色并且字號(hào)為25px。

下面的代碼是不正確的(完整代碼見右側(cè)代碼編輯器)

#stressid{

color:red;

}

#bigsizeid{

font-size:25px;

}

到了三年級(jí)下學(xué)期時(shí)，我們班上了一節(jié)公開課...

上面代碼不可以實(shí)現(xiàn)為“三年級(jí)”三個(gè)文字設(shè)置文本顏色為紅色并且字號(hào)為25px的作用。

總結(jié)

以上是生活随笔為你收集整理的html类选择器和id选择器,类和ID选择器的区别的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。