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

【问题标题】：Custom CSS showing up in inspect element but not on page?自定义 CSS 显示在检查元素中但不在页面上？
【发布时间】：2017-01-31 06:34:54
【问题描述】：

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

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

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

这是因为它正在更改文本颜色而不是背景 - 当我检查页面源但在实际页面上没有更改时会显示新的背景颜色。

什么可能会覆盖 CSS？

【问题讨论】：

创建一个有效的演示或链接到您的网站，否则我们只是在猜测。 stackoverflow.com/help/mcve
可能有来自其他地方的样式声明比您的权限更高。尝试放置背景：#4e5754 !important;看看这是否能让你的工作。如果它有效，那么您知道您的代码正在从其他地方被覆盖
In which order do CSS stylesheets override?的可能重复

【解决方案1】：

你可以使用这种风格。

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

或者把你的样式放在默认样式表下。

【讨论】：

【解决方案2】：

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

感谢大家的帮助！

【讨论】：