Javascript 与其他浏览器相比，IE/边缘样式的应用顺序不同

我发现IE edge中的样式应用顺序与chrome不同

范例 在这个网站上检查这个元素

...

每个浏览器列出样式的顺序与它们实际应用于元素的顺序不同。通过比较这两个列表可以很容易看出这一点。尽管它们可能会以不同的顺序列出某些选择器，但两者都在平等地应用它们（两个浏览器都没有应用另一个浏览器没有应用的东西）。每个浏览器供应商都可以自由地以任何他们喜欢的方式设置他们的开发工具——没有遵循的标准。因此，期望不同浏览器在其工具中报告信息的方式有所不同是完全合理的

CSS选择器以及哪些选择器将覆盖其他选择器有一些特定的规则。这两种浏览器都是标准的，并平等地应用特定性规则

只有当两个选择器具有相同的特异性时，并且当这些选择器中设置的属性相互冲突时，选择器在整个CSS中的位置（相对于彼此）才会成为一个因素

您的

div

和

video

元素都有

id

s以及应用于它们的类，因此应用了多种样式，具有不同的特殊性。另外，

video

元素嵌套在

div

中，因此继承的CSS属性发挥作用

---

理解CSS的特殊性是解决您的问题的关键。

现在这个问题是一个发现差异的游戏。请把你在问题中看到的和不理解的差异以文本的形式说出来。应用的css实际上是不同的，还是只是在inspector中显示给你的顺序？分别说：没有“IE edge”，IE和edge是不同的浏览器。你用的是哪一个？我用的是edge浏览器。更具体地说，让我们学习

.video js

课程。CSS中有两种样式，一种是video-js.CSS，另一种是内部CSS。在chrome中，video-js.css比内部css具有更高的特异性。在Edge中，内部CSS比video-js.CSS具有更高的特异性。在两种浏览器中不应该是相同的吗？放在下面的同一个类选择器不是会覆盖它自己吗？@Adriani6是的，但是其他选择器可能会覆盖它。当然，这只是最基本的。我猜OP更担心他的课程没有被应用到教学中order@Adriani6这就是为什么这里的答案是理解特殊性。