首頁 > web前端 > css教學 > 詳解css優先計算方法

詳解css優先計算方法

高洛峰
發布: 2017-03-07 13:59:19
原創
1887 人瀏覽過

主要的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中文網!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板