css选择器优先级是怎样的

2024-10-13 14:16:35

1、css选择器分为简单选择器,伪元素选择器和组合选择器。简单选择器又分为标签选择器,类选择器,ID选择器,通配符选择器,属性选择器和伪类选择器。

css选择器优先级是怎样的

2、css中权重最高的样式为行内样式,就是以style=“”方式直接加入到HTML标签内的样式,其在css优先级中具有最高的权重。

css选择器优先级是怎样的

3、其次是ID选择器,ID选择器由于每一个ID在代码中只能出现一次,和唯一指向性,具有第二高的权重。

css选择器优先级是怎样的

4、权重处于第三的是类、伪类和属性选择器。

css选择器优先级是怎样的

5、权重较低的是标签选择器和伪元素选择器。

6、css优咸犴孜稍先级的计算方式可以用一下公式来解决value=a*1000+b*100+c*10+d,依据value值得大小来确定css的优先顺序。其中a漉胜衲仰表示行内样式,b表示ID选择器的数量,c表示类、伪类和属性选择器的数量,d表示标签选择器和伪元素选择器的数量。

css选择器优先级是怎样的

7、下图所示为一些优先级的计算结果。

css选择器优先级是怎样的
猜你喜欢