html - CSS类的范围

Question

<style>
.bgClr{
background-color: lightgreen;
}
</style>

<link href=@Url.Content("~/Content/css/xyz.css") rel="stylesheet" />
<div>......
<input type="text" class="bgClr" />
....</div>

这是我在 html 页面中编写的代码。在 xyz.css 中，我像这样定义了相同的 css 类

.bgClr{
background-color: red;
} // in xyz.css

但结果，控件的背景色颜色始终为红色。

我可以知道为什么总是使用 xyz.css 的 .bgClr 的原因吗？

Answer 1

因为是后来附上的。如果外部样式表放在内部样式表之后，它将覆盖所有先前已定义的选择器(internals 或 externals)。

但是如果你有内联样式，它们的优先级最高