覆盖子元素的css proprty

Question

我有一个html块，如：

<div id="sidebar">
    <ul class="sidebar-menu">
        {% for name in name_list %}
            {% if name == 'abc' %}
                <li class="sub-menu special">...</li>
            {% else %}
                <li class="sub-menu">...</li>
            {% endif %}
        {% endfor %}
    </ul>
</div>

这个区块的css是：

#sidebar {
    width: 210px;
    height: 100%;
    position: fixed;
    background: #EFF0F6;
    overflow-y: scroll;
}

现在我想要将类special的列表元素的背景颜色覆盖为黑色。但我无法覆盖它。怎么做？

  

注意：模板语言是django的模板语言。

Answer 1

只需使用更具体的选择器：

#sidebar .special {
  background: #000;
}

Answer 2

请试试这个：

ul.sidebar-menu li.special{background-color:#000000}