首页 相关文章 CSS优先级的读法-详解

CSS优先级的读法-详解

CSS优先级的读法:

CSS优先级包含四个级别(文内选择符,ID选择符,Class选择符,元素选择符)以及各级别出现的次数。根据这四个级别出现的次数计算得到CSS的优先级。

最近看到篇对这个东西有比较好的解释的blog,因此转载了大部分的内容过来供本人学习,也供大家学习。

以下是引用:

对优先级的读法,应该是以“组”来分,这个组之间相互独立,从左到右进行对比。它们成组出现,以逗号分隔。

selector( a , b , c , d )
compare: ↑ , ↑ , ↑ , ↑
selector( a , b , c , d )正如w3c.org中原文所示,分为a,b,c,d四组,全为正整娄,默认为0,对应于不同的选择器结构和组成形式。在选择器之间的优先级进行对比时,从左到右1对1对比,当比出有大者时即可停止比较。

li.red.level {} /* a=0 b=0 c=2 d=1 - specificity = 0 , 0 , 2 , 1 */
/*compare ↑ ,...[ 查看全文 ]

2016-02-19 标签:

CSS优先级的读法-详解的相关文章

手机页面
收藏网站 回到头部