首页 相关文章 详解CSS优先级的读法及优先级四个级别

详解CSS优先级的读法及优先级四个级别

  最近看到篇对CSS优先级有比较好的解释的blog,虽然22333.com有相关的文章,但依然转载过来供大家学习参考。

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

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

  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优先级的读法及优先级四个级别的相关文章

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