css选择器分为简单选择器,伪元素选择器和组合选择器。简单选择器又分为标签选择器,类选择器,ID选择器,通配符选择器,属性选择器和伪类选择器。
css中权重最高的样式为行内样式,就是以style=“”方式直接加入到HTML标签内的样式,其在css优先级中具有最高的权重。
其次是ID选择器,ID选择器由于每一个ID在代码中只能出现一次,和唯一指向性,具有第二高的权重。
权重处于第三的是类、伪类和属性选择器。
权重较低的是标签选择器和伪元素选择器。
css优先级的计算方式可以用一下公式来解决value=a*1000+b*100+c*10+d,依据value值得大小来确定css的优先顺序。其中a表示行内样式,b表示ID选择器的数量,c表示类、伪类和属性选择器的数量,d表示标签选择器和伪元素选择器的数量。
- !import
- 内联 1000
- ID 100
- 类选择器/伪类选择器/属性选择器 10
- 元素选择器/关系选择器/伪元素选择器 1
- 通配符 *
- 继承
- 原始