99热在线精品一区二区三区_国产伦精品一区二区三区女破破_亚洲一区二区三区无码_精品国产欧美日韩另类一区

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

10年積累的成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶(hù)對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶(hù)得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先建設(shè)網(wǎng)站后付款的網(wǎng)站建設(shè)流程，更有贊皇免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

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

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

2、id選擇器（如：id="name",id="name_txt"）

3、類(lèi)選擇器（如：id="name",id="name_txt"）

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

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

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

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

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

我們來(lái)看一下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
若是 類(lèi)選擇符/偽類(lèi)選擇符，則分別加0、0、1、0
若是 元素選擇符，則分別加0、0、0、1
算法：將每條規(guī)則中，選擇符對(duì)應(yīng)的數(shù)相加后得到的”四位數(shù)“，從左到右進(jìn)行比較，大的優(yōu)先級(jí)越高。　　

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

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

1.id選擇器（#myid）

2.類(lèi)選擇器（.myclassname）

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

4.子選擇器（ul < li）

5.后代選擇器（li a）

6.偽類(lèi)選擇（a:hover,li:nth-child）

最后，需要注意的是：　　

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

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

網(wǎng)站名稱(chēng)：css選擇器優(yōu)先級(jí)順序的簡(jiǎn)介-創(chuàng)新互聯(lián)
網(wǎng)站鏈接：http://www.ef60e0e.cn/article/dgssod.html