覆盖Materialise CSS属性

Question

我已经包含了第一个 Materialise的CSS,然后我已经链接了我的css文件.

其中我有一个设置background-color属性的示例类red,但不会覆盖默认颜色(由materialize-css设置).

这是一个例子:https: //jsfiddle.net/79ss2eyr/1/

我不想在materialize的源文件中更改任何内容,而是想添加其他类并设置其他颜色.

以下是检查员的说法:

我应该怎么做以及为什么我的css属性不会覆盖实体化,因为它是在框架之后链接的？

Answer 1

使css选择器更具体,如下所示:

footer.app-bg {
  background-color: red;
}

Answer 2

Inn Materialize的规则由设定footer.page-footer {}，但您只写了.app-bg。因此，您不能覆盖“物化”规则。

如果您想覆盖该类，则可以使用footer.app-bg或使用!important：

footer.app-bg {
  background-color: red;
}

要么

.app-bg {
  background-color: red !important;
}