Html 覆盖子元素的css属性

我有一个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>

现在我想用class

special

将列表元素的背景色覆盖为黑色。但我无法推翻它。怎么做

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

---

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

#sidebar .special {
  background: #000;
}

---

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

#sidebar .special {
  background: #000;
}

请试试这个：

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

请试试这个：

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

---

你能把问题说清楚吗？您到底想做什么？@JacobGray当前每个列表项的背景色为#EFF0F6。我想将添加了class

special的每个项目的颜色改为黑色

Mike C的答案对你有用吗？你能把问题弄清楚吗？您到底想做什么？@JacobGray当前每个列表项的背景色为#EFF0F6。我想将添加了class

special的每个项目的颜色改为黑色

Mike C的答案对你有用吗？你真的应该避免使用

！重要信息

当您不需要时。这使得未来的风格设计变得更加困难。他说他需要覆盖风格，这就是为什么使用重要的风格。但是你只需要使用

！重要信息

如果有更具体的选择器阻止您应用样式。如果同一选择器在页面上出现两次，则将使用最后一个选择器<代码>！重要信息基本上重置了整个特殊性链，从长远来看会让事情变得非常困难。@satya Mike C是正确的，

！重要信息

只应在更具体的选择器不起作用的情况下使用，例如在重写内联样式时，您应该真正避免使用

！重要信息

当您不需要时。这使得未来的风格设计变得更加困难。他说他需要覆盖风格，这就是为什么使用重要的风格。但是你只需要使用

！重要信息

如果有更具体的选择器阻止您应用样式。如果同一选择器在页面上出现两次，则将使用最后一个选择器<代码>！重要信息基本上重置了整个特殊性链，从长远来看会让事情变得非常困难。@satya Mike C是正确的，

！重要信息

仅应在更具体的选择器不起作用的情况下使用，例如在重写内联样式中