每css的選擇器都有乙個分數,可以根據這些分數這計算這些css的優先順序
1. 擁有!important,最有最高的優先順序
2. 標籤。偽類或偽物件,優先順序分數為1
3. 類、屬性選擇,優先順序分數為10
4.id選擇,優先順序分數為100
5.style屬性,優先順序分數為1000
6.其他選擇符,如統配符,優先順序分數為0
hello world 我是藍色
hello world 我是黑色
hello world 我是綠色
hello world 我是紅色
根據上面的分數就很容易理解下面每個標籤的顏色了,
p =1
p.mycolor = 11
.mycolor = 10
#mycolor = 100
style = 1000
如果是p那麼所有的p標籤的字型顏色都是藍色的了
關於css優先順序
css的優先順序從低到高依次是 內部樣式表的優先順序為 1,0,0,0 id選擇器優先順序為 0,1,0,0 class選擇器為 0。0,1,0 tag標籤為 0。0,0,1 除此之外,important權重最高,比inline style還要高。從字面意思就知道它最重要。在這裡插個題外話。我之前一...
關於css優先順序的問題
任何事都要講究規則,無以規矩不成方圓。這是關於css的權值 1.內聯樣式表的權值最高 1000 2.id選擇器的權值為 100 3.class 類選擇器的權值為 10 4.html 標籤選擇器的權值為 1 css優先順序法則 a 選擇器都有乙個權值,權值越大越優先 b 當權值相等時,後出現的樣式表設...
css 優先順序
當我們的css樣式中,如果同個元素有兩個或以上衝突的css規則,瀏覽器有一些基本的規則來決定哪乙個非常特殊而勝出,也就是常講的css優先順序。一般情況下,你不必擔心css樣式衝突,但對於大型而且複雜的css樣式檔案,或有很多css檔案組成的,就非常有可能產生衝突。下面我們通過2個簡單的例項來了解一下...