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

相同點：可以應用于任何元素

不同點：

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

下面代碼是正確的：

三年級時，我還是一個膽小如鼠的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。

而下面代碼是錯誤的：

三年級時，我還是一個膽小如鼠的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。

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

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

.stress{

color:red;

}

.bigsize{

font-size:25px;

}

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

上面代碼的作用是為“三年級”三個文字設置文本顏色為紅色并且字號為25px。

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

#stressid{

color:red;

}

#bigsizeid{

font-size:25px;

}

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

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

總結

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

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