使用ID和CLASS激活的CSS

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之前有空格，因为它本身就是锚本身。 a#curs_section .active表示类active的元素，它是a#curs_section的后代，因此您的样式未被应用。

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

Answer 2

取出空间：

a#curs_section .active  {
              ^---

使用空格，它是带有curs_section ID的<a>元素，后跟一些带有.active类的 OTHER 元素。

没有空间：

a#curs_section.active  {

它是一个<a>，它有id curs_section和.active类。