CSS 通过 ID 和 CLASS 激活

Question

如何使用 class="active" 编写此 CSS 代码，以便背景显示在其下方？可以这么说，在 .active 上使用不同的颜色(不是 :hover)。

<a href="[url]" id="curs_section" class="active">kids</a>

我的尝试:

a#curs_section .active  {
    background-color: #66a7eb; 
    color: #333; 
}

Answer 1

.active 之前不应该有空格，因为它是 anchor 本身的类。 a#curs_section .active 表示具有 active 类的元素，它是 a#curs_section 的后代，因此您的样式未得到应用。

a#curs_section.active  {
    background-color: #66a7eb; 
    color: #333; 
}