css優先順序計算

2022-08-09 05:21:15 字數 328 閱讀 7164

主要的css選擇器有id,class,tag,,:,::等,而通常需要對其優先順序進行判斷的有id,class,tag,另外內聯樣式和!important也和css的優先順序有關係。

如果將這五種不同情況的優先順序以數字的形式來表示的話,其對應關係如下:

!important(10000) > 內聯樣式(1000) > id(100) > class(10) > tag(1)

則通常的css優先順序比較可轉化為數值大小的比較,如:#list li和.list .content ul li,其優先順序為:

100+1=101 > 10+10+1+1=22

前者的優先順序大於後者。

CSS優先順序計算

在節點元素上,使用style屬性 通過link引入外部檔案 通過style標籤在頁面內引入 三種引入方式的區別 index.html檔案 body.css檔案 body第一種方式相對後面兩種優先順序高,與引入順序無關 第二種和第三種為平級引入,後引入的樣式覆蓋之前的引入樣式 id class 標籤屬...

CSS優先順序計算規則

css的優先順序可以分為引入優先順序和宣告優先順序 css按照引入方式的不同可以分為 內聯樣式 外部樣式和內部樣式 內聯樣式 直接寫在html標籤內部的css樣式 外部樣式 使用link引入的外部css樣式 內部樣式 在style標籤內部書寫的css樣式 優先順序為 內聯樣式 外部樣式 內部樣式 c...

css 優先順序

當我們的css樣式中,如果同個元素有兩個或以上衝突的css規則,瀏覽器有一些基本的規則來決定哪乙個非常特殊而勝出,也就是常講的css優先順序。一般情況下,你不必擔心css樣式衝突,但對於大型而且複雜的css樣式檔案,或有很多css檔案組成的,就非常有可能產生衝突。下面我們通過2個簡單的例項來了解一下...