css優(yōu)先級計算方法(推薦)
發(fā)布時間：2016-07-19 08:58:49 作者：佚名 
我要評論
我要評論下面小編就為大家?guī)硪黄猚ss優(yōu)先級計算方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
主要的css選擇器有id,class,tag,[],:,::等，而通常需要對其優(yōu)先級進行判斷的有id,class,tag,另外內(nèi)聯(lián)樣式和!important也和css的優(yōu)先級有關系。
如果將這五種不同情況的優(yōu)先級以數(shù)字的形式來表示的話，其對應關系如下：
!important(10000) > 內(nèi)聯(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)先級計算方法(推薦)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
原文地址：http://www.cnblogs.com/lj1028/p/5683269.html
相關文章
- 這篇文章主要介紹了CSS優(yōu)先級計算的規(guī)則,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-17
- CSS在使用選擇器對元素施加屬性的時候會有先后順序,包括特殊性和重要性等概念在內(nèi),這里我們就來詳解CSS中的選擇器優(yōu)先級順序,需要的朋友可以參考下2016-06-21
- CSS中的選擇器是分權重的,如果不加注意則很有可能會遇到樣式層疊的問題,下面我們就來詳解CSS中的選擇器優(yōu)先級及樣式層疊問題解決,需要的朋友可以參考下2016-06-14
- 這篇文章主要介紹CSS z-index 層級關系優(yōu)先級的概念，講解的比較詳細，需要的朋友可以參考下。2016-06-06
- 本文給大家分享css 優(yōu)先級的兩種理解方式，每種方式給大家介紹的非常詳細，需要的朋友參考下吧2020-02-06