html – 嵌入式css是否总是覆盖外部CSS？

发布时间：2020-12-25 03:36:09 所属栏目：资源来源：网络整理

导读：我之前研究过嵌入式CSS总是覆盖外部css. 但我发现代码中的最后一个,这些风格占上风. 考虑到我使用了颜色,请参阅以下代码：绿色;在h3的外部CSS中. headlink rel=stylesheet href="style.css"styleh3{color:red;}/style/head 输出上面的代码将显示我在h3中用

我之前研究过嵌入式CSS总是覆盖外部css.
但我发现代码中的最后一个,这些风格占上风.

考虑到我使用了颜色,请参阅以下代码：绿色;在h3的外部CSS中.

<head>
<link rel=stylesheet href="style.css">
<style>
h3{
color:red;
}
</style>
</head>

输出上面的代码将显示我在h3中用红色写的任何文本.

但如果我像这样编写上面的代码： –

<head>
    <style>
h3{
color:red;
}
</style>
<link rel=stylesheet href="style.css">
</head>

在上面的例子中,我将h3中的文本颜色变为“绿色”(因为假设我在外部CSS中给出了“绿色”作为字体颜色).

这是因为我在样式标签之后写了链接标签.

所以这意味着外部css并不总是被嵌入式css覆盖.

或者总是在样式标记之前写入链接标记是一种规则.

请解释一下这一点.

解决方法

如果您的样式表位于< style> -tags或外部并与< link />链接,则无关紧要.最后一个始终优先,它们甚至可以在同一个外部文件中,实际上只是选择器的顺序和它们的 specificities问题.

但是,使用style =“..”属性的内联CSS始终具有优先权,因为它是最具体的.要覆盖它,你必须使用！important.使用！important的style =“..”中的属性不能被覆盖.

（编辑：厦门站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!