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