小編給大家分享一下css優(yōu)先選擇權(quán)是什么，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

主要從事網(wǎng)頁設(shè)計、PC網(wǎng)站建設(shè)（電腦版網(wǎng)站建設(shè)）、wap網(wǎng)站建設(shè)（手機(jī)版網(wǎng)站建設(shè)）、響應(yīng)式網(wǎng)站建設(shè)、程序開發(fā)、微網(wǎng)站、微信小程序開發(fā)等，憑借多年來在互聯(lián)網(wǎng)的打拼，我們在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了豐富的網(wǎng)站設(shè)計、做網(wǎng)站、網(wǎng)絡(luò)營銷經(jīng)驗，集策劃、開發(fā)、設(shè)計、營銷、管理等多方位專業(yè)化運(yùn)作于一體，具備承接不同規(guī)模與類型的建設(shè)項目的能力。

首先就是CSS規(guī)則的specificity(特殊性)，CSS2.1有一套關(guān)于specificity的計算方式，用一個四位的數(shù)字串(CSS2是三位)來表示，最終specificity越高的規(guī)則越特殊，在優(yōu)先級判定時也就越有優(yōu)勢。
關(guān)于specificity的具體計算在各種情況下的數(shù)字加成有如下一般規(guī)則：
每個ID選擇符(#someid)，加0,1,0,0
每個class選擇符(.someclass)、每個屬性選擇符(形如[attr=”"]等)、每個偽類(形如:hover等)加0,0,1,0
每個元素或偽元素(:firstchild)等，加0,0,0,1 
其他選擇符包括全局選擇符*，加0,0,0,0相當(dāng)于沒加，不過這也是一種specificity，后面會解釋。 
按這些規(guī)則將數(shù)字串逐位相加，就得到最終計算得的specificity，然后在比較取舍時按照從左到右的順序逐位比較。

舉一些例子吧：

  h2 {color: red;} 
//只有一個普通元素加成，結(jié)果是 0,0,0,1 
body h2 {color: green;} 
//兩個普通元素加成，結(jié)果是 0,0,0,2 */ ——后者勝出 
h3.grape {color: purple;} 
//一個普通元素、一個class選擇符加成，結(jié)果是 0,0,1,1*/ 
h3 {color: silver;} 
//一個普通元素，結(jié)果是 0,0,0,1 */ ——前者勝出 
html > body table tr[id=”totals”] td ul > li {color: maroon;} 
//7個普通元素、一個屬性選擇符、兩個其他選擇符，結(jié)果是0,0,1,7 */ 
li#answer {color: navy;} 
//一個ID選擇符，一個普通選擇符，結(jié)果是0,1,0,1 */ ——后者勝出

除了specificity還有一些其他規(guī)則：
  　  文內(nèi)的樣式優(yōu)先級為1,0,0,0，所以始終高于外部定義。這里文內(nèi)樣式指形如