如果已經(jīng)在元素中標(biāo)識了class或id，就可以在選擇器中使用這個標(biāo)準(zhǔn)，從而只對已標(biāo)識的元素進(jìn)行格式化。不過推薦使用類選擇器，一會兒我會解釋理由。

　　要在class選擇器和id選擇器之間作出選擇的時候，建議盡可能地使用class選擇器。這主要是因為我們可以復(fù)用class選擇器。有人提議完全不使用id選擇器，我贊同這種觀點，并且在自己的工作中始終遵循這一點，但最終的決定權(quán)掌握在網(wǎng)站開發(fā)人員手中。

　　id選擇器會引入下面兩個問題。

　　一，與它們關(guān)聯(lián)的樣式不能在其他元素上復(fù)用（記住，在一個頁面中，一個id只能出現(xiàn)在一個元素上）。這會導(dǎo)致在其他元素上重復(fù)樣式，而不是通過class共享樣式。

　　二，它們的特殊性比class選擇器要強(qiáng)得多。這意味著如果要覆蓋使用id選擇器定義的樣式，就要編寫特殊性更強(qiáng)的CSS規(guī)則。如果數(shù)量不多，可能還不難管理。如果處理規(guī)模較大的網(wǎng)站，其CSS就會變得比實際所需的更長、更復(fù)雜。

　　隨著你處理的CSS越來越多，你對這兩點的理解也會更加清晰。（另一方面，有人喜歡使用id選擇器的原因之一就是使用它們一眼就能看出元素是唯一的。不過，依照個人經(jīng)驗，這點好處還不足一均衡它帶來的弊端。另外，萬一你哪天改變了網(wǎng)站設(shè)計，原先唯一的元素不再唯一，id選擇器就不合適了。）

　　因此，推薦的做法是尋找能將共享樣式結(jié)合進(jìn)一個或多個class的機(jī)會，從而可以對它們進(jìn)行復(fù)用，同時，如果確實要使用id選擇器，也應(yīng)該盡量少用。這樣，你的樣式表會比較短，更易于管理。需要說明的是，id選擇器在HTML中仍具有重要的作用。通過它們可以在頁面中定義錨，在編寫JavaScript為特定的頁面元素應(yīng)用特殊行為時它們尤其具有重要的價值。

　　摘自《HTML5 and CSS visual QuickStrat Guide》

轉(zhuǎn)載于:https://www.cnblogs.com/Charons/p/11149039.html

總結(jié)

以上是生活随笔為你收集整理的类选择器与ID选择器的比较的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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