Javascript 样式表的css处理顺序

我知道样式是按层叠顺序应用的，但从我使用materialize框架开始，我在层叠样式时遇到了一些问题。 样式表在我的html页面中引用时加载：

物化.css

login.css

当我查看如何在DOM中应用它们时，我发现它们并不是按照加载顺序应用的

具体化（第2587行）

登录

具体化（第6701行）

我假设这种行为是由Javascript/BrowserEngine的事件驱动、非阻塞模型引起的

但我需要有一种方法来可靠地选择性地覆盖物化css。我很肯定有。但是怎么做呢

我知道样式是按级联顺序应用的

正确的

它们不会按加载顺序应用

对。级联顺序不是“加载顺序”

是的，但这是第四个也是最后一个决定因素，只有在前面三个因素都相等的情况下，它才被用作平局决胜

但我需要有一种方法来可靠地选择性地覆盖物化css

在中使用前面的因素。通常是您要更改的

选择器的特异性计算如下：

• 如果声明来自，则计数1是“样式”属性，而不是 带有选择器的规则，否则为0（=a）（在HTML中，值为 元素的“style”属性是样式表规则。这些规则没有 选择器，因此a=1、b=0、c=0和d=0。）
• 数一数身份证号码 选择器中的属性（=b）
• 计算其他属性的数量 和选择器中的伪类（=c）
• 计算元素的数量 选择器中的名称和伪元素（=d）

特异性为 仅基于选择器的形式。特别是，一个 表格“[id=p33]”被算作属性选择器（a=0，b=0， c=1，d=0），即使id属性在 源文档的DTD

连接四个数字a-b-c-d（在带有 大碱基）给出了特异性

当我看到它们如何在DOM中应用时，我发现它们不是 按加载顺序应用

CSS资源的加载顺序与选择器的特殊性无关。什么都没有

但是

s和

在DOM中的位置确实影响CSS规则的应用顺序

---

如果两个选择器具有相同的特异性，那么“以后在DOM顺序和CSS文件中”出现的规则将应用于另一个选择器之上。

这不仅仅是样式表。它是关于选择器的

.row.col.s3

的优先级高于

.search\u icon\u div

---

这不仅仅是样式表的问题。它是关于选择器的

.row.col.s3

的优先级高于

.search\u icon\u div

。顺序以及规则的重要性。@Louy你的评论是对我的问题最简单、最直接的回答（包括解释文章）。我会把它标记为我想要的答案could@Delcon太好了！把它作为一个答案。