css selector的优先级
生活随笔
收集整理的這篇文章主要介紹了
css selector的优先级
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
| ?Selector | Specificity | |
| 行內(nèi)樣式 | style=""? | 1,0,0,0? |
| ?id選擇器 | #content {} | 0,1,0,0? |
| ?class選擇器 | .content{}? | 0,0,1,0? |
| ?標(biāo)簽選擇器 | div{}? | ?0,0,0,1 |
| 2個(gè)id選擇器? | ?#div #content{} | ?0,2,0,0 |
| 11個(gè)class選擇器 | .a1 .a2 .a3.....a11{}? | 0,0,11,0? |
| ?1個(gè)id和1個(gè)class選擇器 | #div .nav{}? | ?0,1,1,0 |
?
如表格所示，行內(nèi)樣式擁有最高優(yōu)先級(jí)，其次是id選擇器，再其次是class類選擇器，最后是標(biāo)簽選擇器。
當(dāng)選擇器疊加的時(shí)候，并不是簡(jiǎn)單的相加。如果將id選擇器的優(yōu)先級(jí)看成100的話，class類選擇器是10，那么11個(gè)選擇器就是110，會(huì)優(yōu)先于id選擇器，其實(shí)錯(cuò)了。一個(gè)id選擇器是0,1,0,0，而11個(gè)class類選擇器只是0,0,11,0，id選擇器還是優(yōu)先于11個(gè)class類選擇器。
轉(zhuǎn)載于:https://www.cnblogs.com/fu277/archive/2012/01/04/2312263.html
總結(jié)
以上是生活随笔為你收集整理的css selector的优先级的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 读书笔记：软件人才-管理的艺术
- 下一篇： 2012年第一篇博文——致谢：2011年