应用类更改的CSS / SASS特异性

时间:2016-01-21 19:45:56

标签: css sass selector

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

示例:

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 个答案:

答案 0 :(得分:-2)

如果“div-class” div为空,则该框将为0px高度,并且仅显示正文背景颜色。

是这样的吗?或者你在“div-class” div中有内容?

BTW尝试使用始终颜色代码,例如更通用的#000而不是“黑色”。因为如果使用颜色名称,则浏览器负责选择正确的颜色而不是特定的颜色代码。