css三種選擇器的優(yōu)先級 id跟class兩個標簽哪個優(yōu)先級高?
id跟class兩個標簽哪個優(yōu)先級高?CSS樣式選擇器分為a、B、C、D四個級別,根據(jù)這些級別可以確定CSS選擇器的優(yōu)先級。1如果樣式是內嵌樣式(由style=“”定義),則a=12。B是ID選擇器的
id跟class兩個標簽哪個優(yōu)先級高?
CSS樣式選擇器分為a、B、C、D四個級別,根據(jù)這些級別可以確定CSS選擇器的優(yōu)先級。1如果樣式是內嵌樣式(由style=“”定義),則a=12。B是ID選擇器的總數(shù),3。C是類選擇器的數(shù)目。4D是類型選擇器5的數(shù)目。屬性選擇器,偽類選擇器與類選擇器具有相同的優(yōu)先級,偽元素選擇器與類型選擇器具有相同的優(yōu)先級6。!重要的有最高的重量,高于內聯(lián)風格
1。標簽名選擇器div{color:Red}/即頁面中每個標簽名的CSS樣式
2。班級選擇器.divclass{ 顏色:紅色}/即定義的每個標簽的類中的CSS樣式
3。ID選擇器#mydiv{顏色:紅色}/頁面中標記的ID
4。后代選擇器(類選擇器的后代選擇器)。類span{顏色:紅色}/也就是說,多個選擇器以逗號格式命名,以找到精確的標簽
5。組選擇器div,span,img{顏色:紅色}/也就是說,標簽組以相同的樣式顯示
CSS selector,priority and matching principle
1。ID選擇器(#myid)2。類選擇器(。我的類名)3。標簽選擇器(div,H1,P)4。相鄰選擇器(H1,P)5。副選擇器(UL< Li)6。后代選擇器(LI)a)7。通配符選擇器(*)8。屬性選擇器(a[rel=“external”])9。偽類選擇器(A:Hoover,Li:nth child),其中ID選擇器的效率最高,而偽類選擇器的效率最低。CSS權重1。常規(guī)選擇器權重0,0,0
2。標記權重0,0,1
3。類權重0,0,1,0
4屬性選擇的權重為0,0,1,0
5。偽類選擇的權重為0,0,1,0
6。偽對象選擇的權重為0,0,0,1
7。ID的權重是0,1,0,0
8。重要性的權重是最高的1,0,0,0。使用規(guī)則:將選擇器的權重相加,以大的為準;如果權重相同,則以大的為準。從上面我們可以得出兩個關鍵因素:1。權重與選擇器的類型和數(shù)目有關。樣式的優(yōu)先級與樣式定義的順序有關