css選擇符有哪些?哪些屬性能夠繼承?優先級算法如何計算?內聯和important哪一個優先

 

通配選擇器*{ sRules }  

類型選擇符E { sRules }  
td { font-size:14px; width:120px; } 
  
屬性選擇符 
E [ attr ] { sRules } 
E [ attr = value ] { sRules } 
E [ attr ~= value ] { sRules } 
E [ attr |= value ] { sRules }  
h[title] { color: blue; }

  
子對象選擇符E1 > E2 { sRules } 
div ul>li p { font-size:14px; } 
 
ID選擇符 #ID { sRules } 
 
類選擇符 E.className { sRules } 
 
選擇符分組  
E1 , E2 , E3 { sRules } 
  
僞類及僞對象選擇符  
E : Pseudo-Classes { sRules }  
( Pseudo-Classes )[:link :hover :active :visited :focus :first-child :first :left :right :lang] 
E : Pseudo-Elements { sRules }  
( Pseudo-Elements )[:first-letter :first-line :before :after] 
能夠繼承的有：
font-size font-family color  
不可繼承的通常有：
border padding margin background-color width height 等

關於CSS specificity  
CSS 的specificity 
特性或稱非凡性，它是衡量一個衡量CSS值優先級的一個標準，既然做爲標準，就具備一套相關的斷定規定及計算方式，
specificity用一個四位的數 字串(CSS2是三位)來表示，更像四個級別，值從左到右，左面的最大，一級大於一級，數位之間沒有進制，級別之間不可超越。
在多個選擇符應用於同一個元素上那麼Specificity值高的最終得到優先級。
選擇符Specificity值列表：  
規則：  
1. 行內樣式優先級Specificity值爲1,0,0,0，高於外部定義。 如：<div style=」color: red」>sjweb</div> 外部定義指經由<link>或<style>標籤訂義的規則； 
2.!important聲明的Specificity值最高；  
3.Specificity值同樣的狀況下，按CSS代碼中出現的順序決定，後者CSS樣式居上；  
4.由繼續而獲得的樣式沒有specificity的計算，它低於一切其餘規則(好比全局選擇符*定義的規則)。 

 算法：  
當遇到多個選擇符同時出現時候 按選擇符獲得的Specificity值逐位相加，  {數位之間沒有進制 好比說： 0,0,0,5 + 0,0,0,5 =0,0,0,10 而不是 0,0, 1, 0} 就獲得最終計算得的specificity，  而後在比較取捨時按照從左到右的順序逐位比較。
   
實例分析：  
1.div { font-size:12px;} 分析：  1個元素{ div}，Specificity值爲0,0,0,1   
2.body div p{color: green;} 分析：  3個元素{ body div p }，Specificity值爲0,0,0,3   
3.div .sjweb{ font-size:12px;} 分析：  1個元素{ div }，Specificity值爲0,0,0,1 1個類選擇符{.sjweb}，Specificity值爲0,0,1, 0 最終：Specificity值爲 0,0,1,1   
4.Div # sjweb { font-size:12px;} 分析：  1個元素{ div }，Specificity值爲0,0,0,1 1個類選擇符{.sjweb}，Specificity值爲0,1,0, 0 最終：Specificity值爲 0,1,0,1   
5.html > body div [id=」totals」] ul li > p {color:red;} 分析：  6個元素{ html body div ul li p}  Specificity值爲0,0,0,6
1個屬性選擇符{ [id=」totals」] }      Specificity值爲0,0,1,0 2個其餘選擇符{ >  > }            Specificity值爲0,0,0,0 最終：Specificity值爲 0,0,1,6  
 !important 的優先級最高 

使用!important能夠改變優先級別爲最高，其次是style對象，而後是id > class >tag ，另外在同級樣式按照申明的順序後出現的樣式具備高優先級。