CSS中id和class之間的區別是什么

這篇文章給大家分享的是有關CSS中id和class之間的區別是什么的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

　　id和class之間的區別

　　id具有唯一性，class可以有很多個

　　頁面中只能寫入一個ID，但是對于class可以寫入多個。

　　但是，這并不意味如果頁面只顯示一個就必須使用id。id的使用存在約束。

　　如果id和class有樣式沖突，則id優先

　　讓我們舉一個例子來看一下。

　　HTML

　　<pid="red"class="blue">ID和class優先級比較&mdash;&mdash;文字顏色</p>

　　CSS

　　#red{

　　color:red;

　　}

　　.blue{

　　color:blue;

　　}

　　效果如下：

　　360截圖20181117113530790.jpg

　　上圖顯示的字體是紅色的，那是因為id的優先級比class的優先級高，所以最終顯示的顏色是紅色。

　　可以在頁面內跳轉到id

　　通過鏈接到id，您可以跳轉到相應的id位置。

　　<aname="#anankername">跳轉到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之間的區別是什么”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！