詳解css優(yōu)先級計算方法
來源：懂視網
責編：小采
時間：2020-11-27 18:52:55
詳解css優(yōu)先級計算方法
詳解css優(yōu)先級計算方法:主要的css選擇器有id,class,tag,[],:,::等，而通常需要對其優(yōu)先級進行判斷的有id,class,tag,另外內聯(lián)樣式和!important也和css的優(yōu)先級有關系。如果將這五種不同情況的優(yōu)先級以數(shù)字的形式來表示的話，其對應關系如下：!important(10000) &
導讀詳解css優(yōu)先級計算方法:主要的css選擇器有id,class,tag,[],:,::等，而通常需要對其優(yōu)先級進行判斷的有id,class,tag,另外內聯(lián)樣式和!important也和css的優(yōu)先級有關系。如果將這五種不同情況的優(yōu)先級以數(shù)字的形式來表示的話，其對應關系如下：!important(10000) &
主要的css選擇器有id,class,tag,[],:,::等，而通常需要對其優(yōu)先級進行判斷的有id,class,tag,另外內聯(lián)樣式和!important也和css的優(yōu)先級有關系。
如果將這五種不同情況的優(yōu)先級以數(shù)字的形式來表示的話，其對應關系如下：
!important(10000) > 內聯(lián)樣式(1000) > id(100) > class(10) > tag(1)
則通常的css優(yōu)先級比較可轉化為數(shù)值大小的比較，如：#list li和.list .content ul li，其優(yōu)先級為：
100+1=101 > 10+10+1+1=22
前者的優(yōu)先級大于后者。
以上這篇css優(yōu)先級計算方法(推薦)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持PHP中文網。
更多詳解css優(yōu)先級計算方法相關文章請關注PHP中文網！
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
詳解css優(yōu)先級計算方法
詳解css優(yōu)先級計算方法:主要的css選擇器有id,class,tag,[],:,::等，而通常需要對其優(yōu)先級進行判斷的有id,class,tag,另外內聯(lián)樣式和!important也和css的優(yōu)先級有關系。如果將這五種不同情況的優(yōu)先級以數(shù)字的形式來表示的話，其對應關系如下：!important(10000) &
