css優(yōu)先級(jí)計(jì)算方法(推薦)

主要的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ù)字的形式來表示的話,其對(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ī)則,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-17
- CSS在使用選擇器對(duì)元素施加屬性的時(shí)候會(huì)有先后順序,包括特殊性和重要性等概念在內(nèi),這里我們就來詳解CSS中的選擇器優(yōu)先級(jí)順序,需要的朋友可以參考下2016-06-21
詳解CSS中的選擇器優(yōu)先級(jí)及樣式層疊問題解決
CSS中的選擇器是分權(quán)重的,如果不加注意則很有可能會(huì)遇到樣式層疊的問題,下面我們就來詳解CSS中的選擇器優(yōu)先級(jí)及樣式層疊問題解決,需要的朋友可以參考下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