CSS选择器优先级

CSS样式选择器分为4个等级，a、b、c、d，可以根据这四种等级为依据确定CSS选择器的优先级。

1、如果样式是行内样式，那么a=1；

2、b为ID选择器的总数；

3、c为Class类选择器的总数；

4、d为标签选择器的数量；

5、属性选择器、伪类选择器和Class类选择器的优先级一样

6、！important权重最高，比inline style的还要高

举例：

选择器	权重（a、b、c、d)
Style=””	权重（1、0、0、0)
#wrapper #content{}	权重（0、2、0、0)
#content .datePosted{}	权重（0、1、1、0)
div #content	权重（0、1、0、1)
#content p	权重（0、1、0、1)
#content	权重（0、1、0、0)
p .comment .dateposted	权重（0、0、2、1)
div .comment p	权重（0、0、1、2)
.content p	权重（0、0、1、1)
.content	权重（0、0、1、0)
div p	权重（0、0、0、2)
p	权重（0、0、0、1)

对于一个元素要应用那种样式，就可以根据这个权重规则来分析了。