Question

我使用了多个外部样式表和内部CSS，同时引导了预定义的样式表。现在的问题是，我需要1个外部样式表将覆盖所有样式表，内部css和内联css。我怎么能成功

Answer 1

您必须为属性使用“！important”以覆盖所有样式

p {
    padding: 10px !important;
}

Answer 2

css样式方法优先。内联样式优先于内部css（使用<style></style>标签）和外部css（使用<link />标签）。

要强制使用属性，请在属性值后使用!important关键字。

示例： external.css

.home-page {
  background-color: green !important;
}

PS：请查看此问题以获取更多信息：

Answer 3

您需要添加/导入外部CSS，该CSS应该覆盖底部的所有样式。首先添加/导入引导程序，然后添加/导入其他CSS文件，然后添加/覆盖其他CSS文件。

添加/导入css文件时，顺序很重要。最后添加/导入的文件将覆盖以前的样式。

如果某些东西无法按预期工作，请像这样给他们important

h1 {
    font-size: 25px !important;
}

内联css规则始终优先于其他css规则/样式。在这种情况下，您需要使用!important关键字标记规则。

有几个规则（按此顺序应用）：