css - 使用 ID 和 CLASS 激活的 CSS

Question

如何使用此 CSS 编码class="active"，以便背景显示在其下方？在 上使用不同的颜色.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  {
              ^---

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

没有空格：

a#curs_section.active  {

它<a>具有 id curs_section 和 .active 类。