jquery - 需要覆盖 CSS 背景色

Question

所以我有以下内容

.select, 
.input, 
.schedule, 
.editableFields 
{
cursor: pointer;
background-color: blue;
}

这会覆盖以下内容:

#past .layer.color {        
background-color: #E5D403 !important;   /*this needs to be the first priority color*/
 }

编辑:如果我只有这第二个 CSS，它就可以工作!但是当我添加蓝色时，它会为所有需要的颜色着色并覆盖#past(我不希望它这样做!) 但是我需要第二个背景颜色来覆盖第一个背景颜色。我试过给它很多 ID 和很多类，还使用 ​​!important，但似乎没有任何效果……请帮忙! (我不知道这是否重要，但我也在使用 twitter bootstrap，但我的所有 css 规则都在 custom.css 中)

我还尝试向 html 添加内联 css。有很多html，所以我只放最上面的部分

<div class="accordionGroups">
            <div class="accordionHeading">
                <a class="accordion collapsed" data-toggle="collapse"
                    data-parent="#mainAccordion" data-target="#collapseThree"> <i
                    class="twistyIcon"></i> Layers
                </a>
            </div>
            <div id="collapseFirst" class="accordion-body collapse">
                <div class="accordion-inner scrollable">
                    <ul id="layers-dropdown-menu">
                       <li><label class="checkbox" id="past"> <span class="layer color legend"></span> Past
                       </label></li>

as background-color:#E5D403 但它给了我一个错误，我不确定为什么(也许我把它放在了 html 中的错误位置？)

以下也不起作用:

.checkbox span .layer.color.legend
{
 background-color: #E5D403 !important;
}

Answer 1

这行不通？

#past {        
   background-color: #E5D403 !important;
}