css的選擇器有很多種，那么，自然而然的就會(huì)有優(yōu)先級(jí)這一概念出現(xiàn)，所以，css選擇器優(yōu)先級(jí)順序是怎樣的呢?本篇文章將來給大家介紹css選擇器優(yōu)先級(jí)的排序，話不多說，我們來直接看正文內(nèi)容。

在看css選擇器優(yōu)先級(jí)順序前，我們先來簡(jiǎn)單說說css基本選擇器有哪些?

1.標(biāo)記選擇器(如：body,div,p,ul,li)

2.id選擇器(如：id="name",id="name_txt")

3.類選擇器(如：id="name",id="name_txt")

4.后代選擇器(如：#head .nav ul li 從父集到子孫集的選擇器)

5.子元素選擇器(如：div>p ,帶大于號(hào)>)

6.偽類選擇器(如：就是鏈接樣式,a元素的偽類，4種不同的狀態(tài)：link、visited、active、hover。)

看完了基本的css選擇器類型后，我們接著來看一下css優(yōu)先級(jí)的概念。

當(dāng)兩個(gè)規(guī)則都作用到了同一個(gè)html元素上時(shí)，如果定義的屬性有沖突，那么應(yīng)該用誰(shuí)的值的，用到誰(shuí)的值誰(shuí)的優(yōu)先級(jí)就高。

我們來看一下css選擇器優(yōu)先級(jí)的算法：

每個(gè)規(guī)則對(duì)應(yīng)一個(gè)初始"四位數(shù)"：0、0、0、0

若是 行內(nèi)選擇符，則加1、0、0、0

若是 ID選擇符，則加0、1、0、0

若是 類選擇符/偽類選擇符，則分別加0、0、1、0

若是 元素選擇符，則分別加0、0、0、1

算法：將每條規(guī)則中，選擇符對(duì)應(yīng)的數(shù)相加后得到的”四位數(shù)“，從左到右進(jìn)行比較，大的優(yōu)先級(jí)越高。

看完了上述內(nèi)容，那我們就來看看css選擇器優(yōu)先級(jí)的具體排序。

css選擇器優(yōu)先級(jí)最高到最低順序?yàn)椋?/strong>