我經常使用id和class來指定應用程式樣式的範圍。但是，很難確定是否正確使用id或class，這篇文章我們就來介紹一下id和class的用法。
id和class之間的區別
id具有唯一性，class可以有很多個
頁面中只能寫入一個ID，但對於class可以寫入多個。
但是，這並不意味著如果頁面只顯示一個就必須使用id。 id的使用存在約束。
如果id和class有樣式衝突，則id優先
讓我們舉一個例子來看一下。
HTML
<p id="red" class="blue">ID和class优先级比较——文字颜色</p>
CSS
#red{
color:red;
}
.blue{
color:blue;
}效果如下：
上圖顯示的字體是紅色的，那是因為id的優先權比class的優先權高，所以最後顯示的顏色是紅色。
可以在頁面內跳到id
透過連結到id，您可以跳到對應的id位置。
<a name="#ananker name">跳转到id </a>
經常利用這個在頁面開頭設定跳躍功能。
可以在哪裡使用id
首先，作為大前提，class的使用沒有限制，但是id有約束。
坦白說，經常也可以這樣做，即使你在沒有使用id的情況下用class描述的話也沒有問題，因此，與其考慮如何區分使用，不如考慮在哪裡使用id。
使用id的地方是「唯一的」或是「最好做的」。
當你想要新增頁內跳轉功能時
使用頁內跳轉功能時，請使用id，因為它無法用class實作。
用於可以設定「唯一」的地方
頁面中基本上只有一個頁面部分，例如標題，內容，側邊欄，頁腳。這樣的東西利用id比較容易實現。
總結class中常用的部分，用id覆寫樣式
這是一種利用CSS的規格，其中id優先於class。
網頁根據頁有一定的佈局，但是有很多相似的部分。您可以將標準樣式編寫為class並使用id編寫每個頁面的特徵部分來壓縮CSS。
id的選擇器比對過程更快
當使用jQuery等執行選擇器比對處理時，指定id時速度更快。這是因為，如果它是由id指定的，那麼在頁面中找到它就可以完成處理，而如果是class的話則需要掃描到結尾。
以上是CSS中id、class選擇器怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章！
