我爱编程

css权重(256进制)

2018-04-11  本文已影响0人  横竖撇捺啊

我们把特殊性分为4个等级,每一个等级代表一类选择器,没个等级的值相加得出选择器的权重。

4个等级的定义如下:

第一等级:代表内联样式,如style="",权值为 1000

第二等级:代表id选择器,如#content,权值为100

第三等级:代表类,伪类和属性选择器,如.content,权值为10

第四等级:代表标签选择器和伪元素选择器,如div p,权值为1

注意:通用选择器(*),子选择器(>),和相邻同胞选择器(+)并不在这个等级中,所以他们的权值为0

当权重相等,后来居上~

256进制!所以11个标签是抵不过一个类或者属性的

上一篇下一篇

猜你喜欢

热点阅读