码迷,mamicode.com
首页 > Web开发 > 详细

CSS优先级别计算

时间:2015-08-26 19:43:37      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:

a、b、c、d,可以以这四种等级为依据确定CSS选择器的优先级:

a-----style 行内样式 个数

b-----id 个数

c-----类 个数

d-----类型个数

 !important 规则是例外,级别高于一切

选择器特殊性(a,b,c,d)优先级
style=" " 1,0,0,0 1000
#wrapper #content{} 0,2,0,0 200
#content .date{} 0,1,1,0 110
div#content{} 0,1,0,1 101
#content{} 0,1,0,0 100
p.comment.date{} 0,0,2,1 21
div.comment p{} 0,0,1,2 12
.comment p{} 0,0,1,1 11
p.comment{} 0,0,1,1 11
.comment{} 0,0,1,0 10
div p{} 0,0,0,2 2
p{} 0,0,0,1 1

CSS优先级别计算

标签:

原文地址:http://www.cnblogs.com/tinyphp/p/4761179.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!