修改了一下
修改一下?
? ? 1).重要性: !impoert>普通樣式(選擇器之類的)>瀏覽器默認樣式
? ? 2).特殊性(權(quán)重):
????選擇器優(yōu)先級(權(quán)重)? 內(nèi)嵌樣式?>?ID?>?類?>?標簽?|?偽類?|?屬性選擇?>?偽對象?> 通配符 >繼承?
? ?CSS樣式選擇器分為4個等級,a、b、c、d,可以以這四種等級為依據(jù)確定CSS選擇器的優(yōu)先級。
????1.a(千位)=內(nèi)聯(lián)樣式,千位記作1
????2.b(百位)=id選擇器數(shù)量,百位記作1
????3.c(十位)=Class類選擇器、屬性選擇器、(當選擇器里加啦偽類)偽類的數(shù)量。十位記作1
????4.d(個位)=元素選擇器、(當選擇器里加啦偽元素)偽元素的數(shù)量,個位記作1
????權(quán)重比:通過選擇器計算出4位數(shù)(a,b,c,d)??a>b>c>d??逢256進1,不是逢10進1,是國外的工程師用測試的
? ? 比如9+1=10(0,10,0,0)而不是1,0,0,0?只有255+1才進1,不過現(xiàn)在的瀏覽器去權(quán)重肯定不止是256進制,
? ? 可能更高
????選擇器
????????Style=?””? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 1,0,0,0? ? ??
????????#wrapper?#content?{}????????????????0,2,0,0? ? ? ?
????????#content?.datePosted?{}?????????????0,1,1,0
????????
? ? 3)比較源次序:權(quán)重相同,后者書寫樣式覆蓋前者書寫樣式.
2020-03-15
中文:https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance
2020-03-15
mdn上也有?https://developer.mozilla.org/zh-CN/docs/Web/CSS/Specificity?點開Selectors Level?4
Calculating a selector's specificity