我之前研究过嵌入式CSS总是覆盖外部css.
但我发现代码中的最后一个,这些风格占上风.
但我发现代码中的最后一个,这些风格占上风.
考虑到我使用了颜色,请参阅以下代码：绿色;在h3的外部CSS中.
<head>
<link rel=stylesheet href="style.css">
<style>
h3{
color:red;
}
</style>
</head>
但如果我像这样编写上面的代码： –
<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 =“..”中的属性不能被覆盖.
