besoin de remplacer une couleur de fond CSS

Question

donc je donne les résultats suivants

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

et cela l'emporte sur les éléments suivants:

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

EDIT: Si je viens de ce deuxième CSS, il fonctionne! Mais quand j'ajoute le bleu, il colore tout ce dont il a besoin et OVERRIDES #past (Je ne veux pas qu'il le fasse!) Mais j'ai besoin de la deuxième couleur de fond pour remplacer la première couleur de fond. J'ai essayé de lui donner beaucoup de cartes d'identité et beaucoup de cours et en utilisant! Important, mais rien ne semble fonctionner ... s'il vous plaît aider! (Je ne sais pas si c'est important, mais j'utilise aussi Twitter bootstrap, mais j'ai toutes mes règles css dans un custom.css)

J'ai aussi essayé d'ajouter un css en ligne au html. Il y a une tonne de html, donc je vais juste mettre la partie supérieure

<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> 

comme couleur de fond: # E5D403 mais il m'a donné une erreur et je ne suis pas sûr de savoir pourquoi (peut-être je l'ai mis au mauvais endroit ? dans le html)

ce qui suit ne fonctionne pas non plus:

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

Answer 1

Je fini par comprendre, les gars. Je ne pouvais pas corriger cette erreur dans le CSS. Comme ma page était mise à jour dynamiquement, je devais la corriger en javascript, lorsque je créais chacune des lignes.

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

Answer 2

Vous avez manqué l'espace entre la classe

essayer cette

HTML

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

CSS

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

Answer 3

Cela ne fonctionne pas?

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

Answer 4

.layer.color fait référence à un élément qui est vide, et ne prend donc pas d'espace d'écran.

À quoi devrait ressembler la sortie? Si vous avez une image de ce que vous attendez, nous pourrions peut-être vous aider davantage.

Sans que, si vous voulez « Past » pour la nouvelle couleur d'arrière-plan, vous devez le mettre à l'intérieur des balises de la portée - <span class="layer color legend">Past</span>