CSS代码中如何计算各种选择器的权重呢?


摘要:
下文讲述css代码中计算各种不同选择器的权重的方法分享,如下所示:

如:

1:内联样式,如:style=" ",权值为1000
2:ID选择器,如:#txtTest,权值为0100
3:类,伪类和属性选择器,如:".classTest",权值为0010
4:类型选择器和伪元素选择器,如"div span",权值为0001
5:通配符、子选择器、相邻选择器等的。如*、>、+,权值为0000
    继承的样式无权重值
    权值越大,权重越高
6:!important
     !important的功能是用来提升优先级,在属性上加入此关键字后,其优先级是最高的