日本一卡精品视频免费丨国产午夜片无码区在线播放丨国产精品成人久久久久久久丨国产亚洲日韩av在线播放不卡丨亚洲日韩av无码

css優先級問題

2016/11/29 8:37:36   閱讀:1796    發布者:1796

關于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 的優先級最高

主站蜘蛛池模板: 国产精品久久久久久久久鸭| 亚洲 欧美 国产 日韩 精品| 天堂av免费在线观看| 婷婷综合激情| 亚洲精品久久久久成人2007| 欧美性大交| 国产大片黄在线观看私人影院| 欧美99视频| 久久无码高潮喷水| 好爽又高潮了毛片免费下载| 欧美性猛交ⅹxxx乱大交妖精| 青草av.久久免费一区| 中文字幕乱码熟女人妻水蜜桃| 久久ww精品w免费人成| 手机在线看a| 夜色福利院在线观看免费| 性色av一区二区三区人妻| 蜜臀精品国产高清在线观看| 九色首页| 欧美xxxx狂喷水| 日韩一区二区三区视频| 久久精品国产一区二区电影| 亚洲男人的天堂av手机在线观看| www无套内射高清免费| 日韩人妻精品一区二区三区视频 | 精品国产www| 狠狠色欧美亚洲狠狠色www| 日本高清免费aaaaa大片视频| 18禁黄网站男男禁片免费观看| 国产精品永久在线| 妇女bbbbb撒尿正面视频| 无码专区狠狠躁躁天天躁| 人妻夜夜爽天天爽一区| 少妇做爰免费视频网站| 国产在线小视频| 精品国产精品三级精品av网址| 中文字幕国产亚洲| 性色做爰片在线观看ww|