css的权重问题

css选择器的权重值:

	!important		Infinity
	行间样式			1000
	id				100
	class|属性|伪类	10
	标签|伪元素		1
	通配符|继承		0

Infinity(正无穷)现实正无穷不是定量,
计算机里是,所以计算机里,infinity+1>infinity
css权重应用:
并列选择器中,在‘选中同一个作用标签’用选择器对应权重值相加比较
注意 infinity在计算机是定量
权重值的进制在IE6是256,后来扩大到65536,现在应该是更大
我个人觉得知道进制好像没什么意义,但了解一下,
身边有人说256进制的时候可以打他脸了
在这里插入图片描述
重点:
1、当权重值相等时,代码都起作用,但在后面的代码覆盖前面的效果
2、不管复合选择器中父类权重多高,即便是!important,在要复合选择器中没有选中自己的标签,则那么他就是继承,则权重为0。
在这里插入图片描述
在这里插入图片描述

发布了1 篇原创文章 · 获赞 1 · 访问量 27

猜你喜欢

转载自blog.csdn.net/rorrEError/article/details/105474792
今日推荐