Css 对样式表优先级感到困惑

我已经阅读并了解到内部样式表将覆盖外部样式表。而且，我还了解到最后调用的样式表将覆盖前一个样式表

---

话虽如此，当我无意中将外部样式表放在我的

标记之后时，我注意到它重写了内部样式表。这是有道理的，因为外部工作表被称为最后一个工作表，但根据我到目前为止对内部CSS的了解，内部CSS具有更高的优先级，它是否放在外部工作表之前并不重要，对吗？

只有三种类型的样式：

• 内联
• 嵌入
• 外部的

内联样式非常强大，因为它们与标记一起包含：

<div style="/* rules */">

并且有这样的样式标签：

<style>
  * {margin: 0; padding: 0; list-style: none;}
  body {font-family: 'Segoe UI'; font-size: 10pt;}
</style>

*{边距：0；填充：0；列表样式：无；}
正文{字体系列：“Segoe UI”；字体大小：10pt；}

---

他们两人在这方面没有区别。加载的顺序非常重要。

请参见基本规则：最接近元素的样式将得到指定，因此外部文件目前位于不同的文件夹中，内部文件位于“in”部分中，距离稍远，内联样式位于元素旁边，因此最受欢迎，但您可以使用！重要的是要打破这种逻辑啊，特异性。对我来说是个新话题。谢谢请仔细看看上面写的是什么。同时也可以看到：尽管如此，还是很高兴能将包含的图片和链接归功于@steveax。没事吧？我做了。一旦我到达我的15代表处，它将为您更新：）。

<link rel="stylesheet" href="googlefonts.css" />
<link rel="stylesheet" href="bootstrap.css" />
<link rel="stylesheet" href="custom-styles.css" />

<style>
  * {margin: 0; padding: 0; list-style: none;}
  body {font-family: 'Segoe UI'; font-size: 10pt;}
</style>