日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

本文向大家描述一下CSS優(yōu)先權(quán)的概念，CSS優(yōu)先權(quán)問題其實(shí)就是一個沖突解決的問題，首先我們來看一下CSS優(yōu)先級規(guī)則的specificity(特殊性），關(guān)于specificity的具體計(jì)算在各種情況下的數(shù)字加成有如下一般規(guī)則，請看下文詳細(xì)介紹。

成都創(chuàng)新互聯(lián)自2013年起，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元石門做網(wǎng)站,已為上家服務(wù),為石門各地企業(yè)和個人服務(wù),聯(lián)系電話:028-86922220

HTML高級技巧：詳解CSS優(yōu)先權(quán)

CSS優(yōu)先權(quán)問題其實(shí)就是一個沖突解決的問題，當(dāng)同一個元素(或內(nèi)容)被CSS選擇符選中時，就要按照優(yōu)先權(quán)取舍不同的CSS規(guī)則，這其中涉及到的問題其實(shí)很多。

首先就是CSS規(guī)則的specificity(特殊性)，CSS2.1有一套關(guān)于specificity的計(jì)算方式，用一個四位的數(shù)字串(CSS2是三位)來表示，最終specificity越高的規(guī)則越特殊，在CSS優(yōu)先權(quán)判定時也就越有優(yōu)勢。關(guān)于specificity的具體計(jì)算在各種情況下的數(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ù)字串逐位相加，就得到最終計(jì)算得的specificity，然后在比較取舍時按照從左到右的順序逐位比較。

◆舉一些例子吧： 

 
 
 

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

 除了specificity還有一些其他規(guī)則

文內(nèi)樣式的CSS優(yōu)先權(quán)為1,0,0,0，所以始終高于外部定義。這里文內(nèi)樣式指形如blah