關於內嵌式css優先順序高於鏈結式優先順序的測試

2021-10-03 14:32:09 字數 572 閱讀 3307

搜尋css優先順序,出來的結果都是在說內嵌式(style標籤內)的優先順序高於鏈結式(link標籤)。

我親自寫**測試了一下,發現這種說法是有誤的,正確的說法是後面的樣式覆蓋了前面的樣式。

當我把鏈結式的css放在內嵌式css的後面時,最終的樣式是鏈結式定義的。

test.css裡是這樣的。

首先,將link的鏈結放在style標籤前面:

然後,將link的鏈結放在style標籤後面:

顯然,鏈結式和內嵌式的優先順序取決於它們的位置。

除此之外,測試了匯入式的優先順序,和link的優先順序沒什麼區別。

內聯式css的優先順序確實比其他要高,無論是把link放在**都不會影響到內聯式的樣式。

關於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的選擇器都有乙個分數,可以根據這些分數這計算這些css的優先順序 1.擁有 important,最有最高的優先順序 2.標籤。偽類或偽物件,優先順序分數為1 3.類 屬性選擇,優先順序分數為10 4.id選擇,優先順序分數為100 5.style屬性,優先順序分數為1000 6.其他選擇符,...

關於css優先順序的問題

任何事都要講究規則,無以規矩不成方圓。這是關於css的權值 1.內聯樣式表的權值最高 1000 2.id選擇器的權值為 100 3.class 類選擇器的權值為 10 4.html 標籤選擇器的權值為 1 css優先順序法則 a 選擇器都有乙個權值,權值越大越優先 b 當權值相等時,後出現的樣式表設...