CSS優先順序演算法的計算及其CSS3新增偽類

2021-08-04 10:02:08 字數 727 閱讀 3933

css優先順序演算法

*   優先順序就近原則,同權重情況下樣式定義最近者為準;

* 載入樣式以最後載入的定位為準;

優先順序為:

內聯樣式表(標籤內部)> 嵌入樣式表(當前檔案中)> 外部樣式表(外部檔案中)

!important > id > class > tag

important 比 內聯優先順序高

css3新增偽類

p

:first-of-type 選擇屬於其父元素的首個 元素的每個 元素。

p:last-of-type 選擇屬於其父元素的最後 元素的每個 元素。

p:only-of-type 選擇屬於其父元素唯一的 元素的每個 元素。

p:only-child 選擇屬於其父元素的唯一子元素的每個 元素。

p:nth-child(2) 選擇屬於其父元素的第二個子元素的每個 元素。

:after 在元素之前新增內容,也可以用來做清除浮動。

:before 在元素之後新增內容

:enabled 選擇器匹配每個已啟用的元素(大多用在表單元素上)

:disabled 控制表單控制項的禁用狀態。

:checked 單選框或核取方塊被選中。

CSS優先順序計算

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

css優先順序計算

主要的css選擇器有id,class,tag,等,而通常需要對其優先順序進行判斷的有id,class,tag,另外內聯樣式和 important也和css的優先順序有關係。如果將這五種不同情況的優先順序以數字的形式來表示的話,其對應關係如下 important 10000 內聯樣式 1000 id ...

CSS優先順序計算規則

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