为什么 body 标签的颜色样式会覆盖我的班级的颜色样式？答案

【问题标题】：Why is the color style for the body tag overriding the color style for my class?为什么 body 标签的颜色样式会覆盖我的班级的颜色样式？
【发布时间】：2018-09-28 06:57:56
【问题描述】：

我正在尝试更改表格单元格的字体大小和颜色，但它不起作用。我已经在应用到表格单元格的类中定义了新的字体大小和颜色，但没有应用颜色。这是我正在使用的 CSS：

body {
    background-image:url('../img/gradient.png');
    background-attachment:fixed;
    background-repeat:repeat-x;
    background-color:#E3F2FF;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#00253F;
    }
# The class for my table cell.
.red {
    color::#EC2127;
    font-size:15px;
    }

这是我的 HTML：

<td class="red">Foo</td>

在我的浏览器中，我看到了正确的字体大小，但由于某种原因，body 标签的颜色覆盖了分配给类的颜色。我错过了什么？

【问题讨论】：

为什么其他“红色项目”不在“红色”类中？
可以搁置：这个问题是由无法再重现的问题或简单的印刷错误引起的。虽然类似的问题可能是这里的主题，但这个问题的解决方式不太可能帮助未来的读者。

标签： html css

【解决方案1】：

您似乎多了一个分号颜色::#EC2127;

这可能使它跳过颜色。拿出来试试吧

【讨论】：

我数不清因为多了一个字符而掉了多少头发。我已经了解到，当我的 css 无法通过 css 验证器运行它时，它通常会捕获类似的东西。