权值叠加的问题

前言:

css的样式覆盖有顺序,important>标签内定义>文件内定义>引用外部css

这次问题是在文件内定义的样式始终无法覆盖外部css,最终确定是因为权值叠加的问题

正文

有一次引用bootstrap的radio-inline样式

发现自定义style标签的样式的宽度始终无法覆盖

最后百度查询是权值覆盖问题

内联权值是1000

id是100

class权值是10

元素是1

如果外部bootstrap使用的是

.a .b{}

自定义style使用的是

.b{}

那么权值比外部低,就不会覆盖

猜你喜欢

转载自blog.csdn.net/a397525088/article/details/80536010