自定义CSS显示在检查元素中但不在页面上？

Question

我正在使用简单的worpress主题设计一个网站，并使用Simple Custom CSS插件自定义一些元素。

我正在尝试更改页脚的颜色，我已经使用了

.site-footer {
  background: #4E5754;
  color: #f29e0f;
}

虽然它正在改变文本颜色但不改变背景 - 当我检查页面源而不改变实际页面时，会出现新的背景颜色。

什么可能会覆盖CSS？

Answer 1

您可以使用此样式。

.site-footer {
    background: #4E5754 !important;
    color: #f29e0f;
}

或者将您的风格置于默认样式表下。

Answer 2

经过一些试验和错误，我意识到这两种颜色实际上是由不同的元素控制的 - site.footer和footer.inner

感谢大家的帮助！