詳解css優先計算方法

主要的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優先權計算方法(推薦)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持PHP中文網。

更多詳解css優先權計算方法相關文章請關注PHP中文網！