小編給大家分享一下css選擇器中優(yōu)先級順序是怎么樣的，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

創(chuàng)新互聯(lián)公司長期為上千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為二道企業(yè)提供專業(yè)的做網(wǎng)站、成都網(wǎng)站制作，二道網(wǎng)站改版等技術(shù)服務(wù)。擁有10多年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

一、選擇器的優(yōu)先級排序

1.   ！important

在屬性后面寫上這條樣式，會覆蓋掉頁面上任何位置定義的元素的樣式。

2.   行內(nèi)樣式，在style屬性里面寫的樣式。

3.  id選擇器

4. class選擇器

5. 標(biāo)簽選擇器

  6. 通配符選擇器

7. 瀏覽器的自定義屬性和繼承

上面寫的這些排序的順序就是優(yōu)先級/權(quán)重的大小。 可以自己試一試比較一下他們的大小順序。

二、復(fù)雜選擇器優(yōu)先級，后代選擇器優(yōu)先級多種情況。

有時候當(dāng)我們寫樣式的時候會用到好多個后代樣式，那么優(yōu)先級的情況是什么情況呢。來看幾個例子。

1. id個數(shù)多的優(yōu)先級高

#box .head span{
    color:blue;
}
.box .head span{
    color:red;
}//下面span標(biāo)簽的顏色是藍(lán)色的
　　
　　　　
　　　　　　我的顏色