覆盖引导模板CSS

Question

我正在使用一个带有样式表styles.css的bootstrap模板。我想修改styles.css

中的以下类

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

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

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

但是，它并没有超越styles.css类。我尝试过！重要的是，但是没有用。

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

Answer 1

在common.css中使用：

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