這篇文章將為大家詳細(xì)講解有關(guān)css選擇器優(yōu)先級(jí)順序的簡(jiǎn)介，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)建站專注于企業(yè)營銷型網(wǎng)站建設(shè)、網(wǎng)站重做改版、西崗網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5響應(yīng)式網(wǎng)站、商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為西崗等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

在看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)該用誰的值的，用到誰的值誰的優(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>

1.id選擇器（#myid）

2.類選擇器（.myclassname）

3.標(biāo)簽選擇器（div,h2,p）

4.子選擇器（ul < li）

5.后代選擇器（li a）

6.偽類選擇（a:hover,li:nth-child）

最后，需要注意的是：

!important的優(yōu)先級(jí)是最高的，但出現(xiàn)沖突時(shí)則需比較”四位數(shù)“;
優(yōu)先級(jí)相同時(shí)，則采用就近原則，選擇最后出現(xiàn)的樣式;
繼承得來的屬性，其優(yōu)先級(jí)最低。

關(guān)于“css選擇器優(yōu)先級(jí)順序的簡(jiǎn)介”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。