我有一个在5个不同位置设置样式的类，浏览器在每个不同位置浏览的顺序是什么？
排队
<div class="yellowtag" style="background: yellow;">This is yellow</div>
首先处理的CSS文件
// First instance inside of style.css
.yellowtag {
background: yellow;
}
黄色标签的第二个实例在第一个处理过的CSS文件中
// Second instance inside of style.css
.yellowtag {
background: yellow;
}
第二个处理过的CSS文件（在第一个.yellowtag规则之下）
// style2.css
.yellowtag {
background: yellow;
}
在头上
<head>
<style>
.yellowtag {
background: yellow;
}
</style>
</head>
浏览器处理CSS的特定顺序为：
1：内联-然后-
2：样式标签-然后-
3：第一个以HTML定义的CSS文件（从上到下）-然后-
4：以HTML定义的第二个CSS文件-等等-
因此，如果您在所有四个标签中都有一个标签，则应用的标签将是Inline样式
然而，在定义属性时，可以通过使用！important来覆盖所有这些内容。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句