css選取器優先順序怎麼區別規定的？

在網站建設過程中，css是控制網頁樣式的重要屬性。那麼本篇文章就給大家總結介紹關於css 類別選取器及css優先順序高低排列的相關知識。

首先給大家介紹css選取器種類有哪些：

一、標籤名選取器

根據指定的標籤名，在當前介面中找到所有該名稱的標籤，然後設定屬性。

標籤選取器選定的是當前介面中所有該名稱的標籤，而不能單獨選定某一標籤； 標籤選取器無論標籤藏得多深都能找到；只要是HTML中的標籤都可以作為標籤選取器。

二、類別選取器

根據指定的類名稱找到對應的標籤，然後設定屬性。

每一個HTML標籤都有class屬性，也就是說每個標籤都可以設定class；在同一個介面中class是不可重複的；在編寫id選取器的時候class前一定要加.；類名的命名規範和id命名規範是一樣的；類名就是專門給某個特定的標籤設定樣式的；在HTML中每個標籤都可以同時綁定多個類名。

三、ID選取器。

根據指定的id名稱找到對應的標籤，然後設定屬性。

每一個HTML標籤都有id屬性，也就是說每個標籤都可以設定id；在同一個介面中id是不可重複的；在編寫id選取器的時候id前一定要加#； id的名稱是有一定的規範的。 id的名稱只能有字母、數字、底線組成；不能以數字開頭； 不能是關鍵字；在企業開發中一般如果僅僅是為了設定樣式，我們不會使用id，應為id是為了給js使用的。

css優先順序高低排列怎麼劃分的？

一般而言，選取器越特殊，它的優先順序越高。也就是選取器指向的越準確，它的優先順序就越高。

通常我們用1表示標籤名選取器的優先順序，用10表示類別選取器的優先順序，用100標示ID選取器的優先順序。

比如上例當中 .polaris span {color:red;}的選取器優先順序是 10 + 1 也就是11；而 .polaris 的優先順序是10；瀏覽器自然會顯示紅色的字。理解了這個道理之後下面的優先順序計算自是易如反掌：

div.test1 .span var 優先順序 1+10 +10 +1

span#xxx .songs li 優先順序1+100 + 10 + 1

#xxx li 優先順序 100 +1

對於什麼情況下使用什麼選取器，用不同選取器的原則是：

第一：準確的選到要控制的標籤；

第二：使用最合理優先順序的選取器；

第三：HTML和CSS代碼盡量簡潔美觀。