CSS选择器优先级

来源:互联网 发布:淘宝网如何开企业店铺 编辑:程序博客网 时间:2024/06/05 16:29

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)

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

0 0
原创粉丝点击