是否可能在内部样式后加载外部样式表？

Question

在内部（或嵌入式）样式加载后，是否可以加载外部样式表。我的意思是，比如说我有一个带有黄色背景颜色的div，在页面中使用嵌入式样式设置，像这样;

<style type="text/css">
div{
  background-color: yellow;
}
</style>

我能否使用外部样式表将背景颜色更改为绿色呢？

<link rel="stylesheet" href="style.css" type="text/css" />

如果可以的话，请给我展示一个例子。

我知道使用内联样式是可能的，但我不想使用它。

- Alfred

---

你可以随时查看以下内容以获得乐趣：http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/ - rlemon

Answer 1

是的。

只需将<link>标签放在<style>标签之后，或者使外部样式表中的选择器更具体即可。

- SLaks

Answer 2

回答您的问题，是的，您可以这样做。样式将按特定顺序应用。请参见此处了解CSS中的优先规则。

- Paul Fleming

Answer 3

如果你想覆盖一个具有相同类的CSS，可以在该类中使用“important”。学习更多关于CSS中的important。

- Anil agrahari

Answer 4

当然，您可以在 HTML head 部分中将外部样式表放置在内部样式表之后，以覆盖内部样式表！

CSS 排序

在为 HTML 元素指定多个样式时，哪种样式将被使用？

一般来说，我们可以根据以下规则将所有样式级联到一个新的“虚拟”样式表中，其中第四条规则具有最高优先级：

1. 浏览器默认样式

2. 外部样式表

3. 内部样式表（位于 head 部分）

4. 内联样式（在 HTML 元素内部）

- Nudier Mena

---

你对内联样式是正确的（但不是你所说的上下文。内联样式通常指的是<element style="" />...），但其他部分不正确。请阅读：http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/ - rlemon

请注意，应用于任何特定元素的样式不仅取决于样式表的级联顺序。特异性（级联的一部分）和继承都发挥着至关重要的作用。 - MrWhite