CSS / SASS特异性应用类更改[重复]

【问题标题】：CSS/SASS specificity applying class change [duplicate]CSS / SASS特异性应用类更改[重复]
【发布时间】：2016-01-26 06:21:32
【问题描述】：

我正在尝试更改已设置的<body> 的背景颜色。如何覆盖此主体背景颜色并为其应用新颜色？ body 中包含的 div 需要覆盖 body 的背景色。

例子：

HTML：

<body class="body-class">
    <div class="div-class">

    </div>
</body>

SASS：

body.body-class {
    background-color: setcolor(white);
    .div-class {
        background-color: setcolor(blue);
    }
}

现在我希望背景颜色是蓝色但它仍然是白色？

【问题讨论】：

【解决方案1】：

如果 "div-class" div 为空，则框的高度为 0px，仅显示主体背景色。

是这样吗？或者您在 "div-class" div 中有内容？

顺便说一句，尝试使用更通用的颜色代码，例如 #000 而不是“黑色”。因为如果你使用颜色名称，你会让浏览器负责选择正确的颜色而不是特定的颜色代码。

【讨论】：

我们有浏览器应该遵守的称为“标准”的东西。浏览器在看到关键字时不会选择任意颜色，而是根据规范处理它们。
您是对的，但我们都知道规格因浏览器而异。也许不同浏览器之间的颜色规范非常标准化，但以防万一，最好使用 HEX 或 RGB 代码。
关于颜色，你说的从来没有是真的（我已经这样做了超过 15 年）
@RicardoCampos 如果您只是删除除第一句话之外的所有内容，这实际上是一个很好的答案。而且您的评论显然是不真实的：在某些情况下black 被识别，但rgb(...) 未被识别。边缘情况，诚然...