css - 覆盖 Bootstrap 模板 CSS

Question

我正在使用一个 Bootstrap 模板，它有一个名为 styles.css 的样式表。我想修改 styles.css 中的以下类

.contact {
    background-color: #56bc94;
    color: #fff;
    padding: 80px 0;
}

我创建了一个放在 styles.css 之后的 common.css 并添加了以下内容

.contact {
   background-color: #f5f5f5;
   padding: 80px 0;
}

但是，它并没有覆盖 styles.css 类。我也尝试使用 !important，但没有用。

.contact {
  background-color: #f5f5f5 !important;
  padding: 80px 0;
}

Answer 1

在 common.css 中使用:

@import url("styles.css");
.contact {background-color: #f5f5f5; padding: 80px 0;}