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，它确实有效！但是，当我添加蓝色时，它需要的颜色和OVERRIDES #past（我不希望它这样做！）但我需要第二个背景颜色来覆盖第一个背景颜色。我试过给它很多ID和很多课程，并且还使用！重要，但似乎没有任何工作......请帮忙！（我不知道它是否重要，但我也使用twitter bootstrap，但我在custom.css中拥有所有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>

作为背景颜色：＃E5D403但它给了我一个错误，我不知道为什么（也许我把它放在html的错误位置？）

以下情况也不起作用：

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

Answer 1

这不起作用？

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

Answer 2

你错过了课堂之间的空间

试试这个

HTML

 <span class="legend"> TEXT HERE</span>

CSS

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

Answer 3

.layer.color指的是一个空的元素，因此不会占用任何屏幕空间。

输出应该是什么样的？如果你有一个你期望的图像，我们可能会帮助你更多。

如果您希望“过去”具有新的背景颜色，则需要将其放在span的标签内 - <span class="layer color legend">Past</span>

Answer 4

我终于想通了，伙计们。我无法在CSS中修复此错误。由于我的页面是动态更新的，所以当我创建每一行时，我必须在javascript中修复此问题。

if(notYellowRow){
    $row.find('.select').css('background-color', 'blue');
    $row.find('.input').css('background-color', 'blue');
    $row.find('.schedule').css('background-color', 'blue');
}

需要覆盖CSS背景颜色

4 个答案: