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

css優先級問題

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

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

主站蜘蛛池模板: 免费观看交性大片| 99re免费视频国产在线播放| 国产精品美女www爽爽爽| 99久久精品午夜一区二区 | 国产成人精品必看| 国内精品一线二线三线黄| 久久精品国产成人av| 国产极品网站| 国产成人无码a在线观看不卡| 一个人看的www片免费高清视频| 好大好湿好硬顶到了好爽视频 | 亚洲欧美日韩在线不卡| 午夜理论片yy8860y影院| 亚洲成a∨人片在线观看不卡| 亚洲а∨天堂男人色无码| 最近日本免费观看高清视频| 校园激情亚洲| 欧美激烈精交gif动态图 | 少妇人妻真实偷人精品视频| 欧美激情免费看| 日本丰满熟妇videossex| 美日韩在线视频| a∨变态另类天堂无码专区| 亚洲欧美国产精品| 日本一卡2卡3卡4卡无卡免费网站| 外国黄色网| 国产成人综合色在线观看网站| 国内三级视频| 永久免费观看的毛片手机视频| 人人妻人人澡人人爽不卡视频| 亚洲成人精品在线| 一卡二卡三卡视频| 久久综合久久综合九色| 国产va亚洲va在线va| 欧洲熟妇色xxxx欧美老妇多毛| 91视频大全| 男人扒开添女人下部免费视频| 人妻精品人妻无码一区二区三区|