如何覆盖id（CSS）中的属性集

Question

假设以下代码：

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

#body {
    background-color: red;
}

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

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

但这不起作用。

类似地：

.bodyLogin  {
    background-color: blue;
}

由于CSS层次结构，

无法正常工作。

Answer 1

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

删除空格，然后选择#body 和 .bodyLogin的元素：

＆＃13;

＆＃13;

#body {
    background-color: red;
}

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;