css - 如何覆盖ID(CSS)中设置的属性

假设以下代码：

<div id="body" class='bodyLogin'>

#body {
    background-color: red;
}

我想通过class属性覆盖背景颜色，如下所示：

#body .bodyLogin {
    background-color: blue;
}

但这行不通。

类似地：

.bodyLogin  {
    background-color: blue;
}

由于CSS层次结构而无法正常工作。

最佳答案

两个选择器之间的空间是有意义的。实际上，它是一个选择器：descendant selector。这意味着您选择ID为bodyLogin的元素的所有类body后代。

摆脱空间，然后选择同时为#body和.bodyLogin的元素：

#body {
    background-color: red;
}

#body.bodyLogin {
    background-color: blue;
}

<div id="body" class='bodyLogin'>Test</div>

关于css - 如何覆盖ID(CSS)中设置的属性，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27962625/