我有 2 个页面(SignIn 和 PasswordReset)和一个外部 CSS 文件(名为 MainStyleSheet.css)。我的页面中有一些 HTML 元素，它们都有一个类(名为 ab-control-container)。
在这两个页面中，我都需要覆盖类 ab-control-container 的一些样式表。
让我感到困惑的问题是，在第一页(SignIn)中，内部样式表覆盖了外部样式表，但在第二页(PasswordReset)中，那些内部样式表与样式表相同第一页，不会覆盖外部。
这是 Chrome Inspect Element 工具显示的内容: 第一页:
和第二页:!
问题是什么？为什么？
最佳答案
internal stylesheets are overriding the external as I excepted
<style>元素不优先于 <link>在级联中编辑样式表。
您可能会对 style 感到困惑属性(比任何规则集都具有更高的特异性)。
当两个规则集的选择器具有相同的特异性时(确实如此，它们的选择器是完全相同的!)然后后面的选择器会覆盖前面的选择器。
您需要更改样式表的加载顺序或选择器的特性。
参见 the cascade了解更多详情。
关于html - 外部样式表覆盖内部样式表，即使使用相同的选择器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49674939/