CSS 'You have no color set [...]' 警告

Question

这个警告应该是直截了当的，但我不知道出了什么问题。

来自 W3C 验证器的确切警告消息是:您没有设置颜色(或颜色设置为透明)，但您设置了背景色。确保层叠的颜色使文本清晰易读。

这是出现警告的 css:

body {
    background-image: url('./img/bg1.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    color: #ffffff;
    background-color: #007e29; /* <-- This is the line where the warning occurs */
}

根据 W3C Docu 和一些谷歌搜索，很明显对于每个 background-color 元素都必须有 color 属性。但这是我在做什么？ color 属性设置为白色，background-color 设置为深绿色。

那么上面的CSS有什么问题呢？ 我确定我在这里遗漏了一些东西...提前致谢!

Answer 1

张贴的CSS代码不会引起这样的警告。没有完整的示例，无法分析为什么 CSS 验证器似乎会警告错误行。

无论如何，当人们对这个警告感到困惑时，原因是他们设置了例如body 的背景和内容颜色，以及内部元素的其中一个属性。人们通常假设 body 中的任何元素都继承了 body 的颜色，但是当其他样式表参与时，这并不一定会发生。这就是 CSS 验证器警告这种情况的原因。这只是一个潜在问题，不会经常出现，但仍然存在风险。