css选择器有哪些,选择器的权重的优先级

MaureenChen 2019-11-15

1.选择器类型

1、ID  #id
2、class  .class
3、标签  p
4、通用  *
5、属性  [type="text"]
6、伪类  :hover
7、伪元素  ::first-line
8、子选择器、相邻选择器

2.权重计算规则

1. 第一等:代表内联样式,如: style=””,权值为1000。
2. 第二等:代表ID选择器,如:#content,权值为0100。
3. 第三等:代表类,伪类和属性选择器,如.content,权值为0010。
4. 第四等:代表类型选择器和伪元素选择器,如div p,权值为0001。
5. 通配符、子选择器、相邻选择器等的。如*、>、+,权值为0000。
6. 继承的样式没有权值

相关推荐

AlisaClass / 0评论 2020-06-10

somboy / 0评论 2020-05-13