CSS 2，使用链接元素导入的样式表的优先级

给定

哪些规则在级联中具有更高的优先级？ 假设与其他CSS比较具有相同的优先级？ 第一个或最后一个样式表中的那些

TIA DaveP

根据，采用最新版本

4.最后，按指定的顺序排序：如果两个声明具有相同的权重、来源和特定性，则后一个声明将获胜。导入的样式表中的声明被视为在样式表本身中的任何声明之前。

---

无论如何，仅仅依靠它并不是一个好的实践，因为它会使代码难以阅读和解释。我会确保正确的规则被应用到所有选择器中，无论它们放在什么样式表中。

最后的样式优先！但您可以使用：

<link rel="STYLESHEET" href="/css/t.cake.css" type="text/css"/>
<link rel="STYLESHEET" href="/css/f.css" type="text/css"/>
<link rel="STYLESHEET" href="/css/t.generic.css" type="text/css"/>
<link rel="STYLESHEET" href="/css/t.head.css" type="text/css"/>

---

内联样式的优先级最高。 外部样式表中的样式规则遵循一个简单的公式（请参阅）

至于工作表的顺序，如果发生冲突，最后一张工作表中的规则将优先（除非使用！重要标志）

---

编辑：更好地参考特定性

样式表按链接顺序下载和应用，即：

• t、 cake.css
• f、 css//将覆盖上面样式表的冲突规则
• t、 generic.css//将覆盖上面两个样式表的冲突规则
• t、 head.css//将覆盖上述三个样式表的冲突规则

---

我得到的结果正好相反；对我来说，使用了多个样式表（css文件）中的第一个。除非后面有样式标记，否则最后一条规则（在样式标记中）将获胜。@user34660要么您的浏览器不符合规范，要么我不理解您的意思。所有规则都将应用，但稍后的道具将覆盖早期规则中的道具。

.nameclass{
   font-size:11px !important;
}