關於CSS的優先順序

2021-06-16 09:34:40 字數 505 閱讀 7152

每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個簡單的例項來了解一下...