html - 如果它有一个类，如何给一个具有 id 的元素一个特定的 CSS 属性？

Question

我的 HTML:

<div id="login-light" class="bg-green"></div>

我的 CSS:

#login-light {
    background-color: red;
}

.bg-green {
    background-color: green;
}

当我的元素具有 .bg-green 类时，如何使我的元素具有绿色背景色？我知道 id 的 CSS 优先于类。我想尝试在没有 JavaScript 的情况下执行此操作。

Answer 1

添加另一个更具体的选择器:

#login-light.bg-green {
    background-color: green;
}