besoin de remplacer une couleur d'arrière-plan CSS

j'ai donc le suivant 

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

et cela remplace les suivantes: 

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

EDIT: Si je n'ai que cette deuxième CSS, ça fonctionne! Mais lorsque j'ajoute le bleu c'couleurs tout ce qu'il faut et REMPLACE #passé (je ne veux pas que ça à faire!)
Mais j'ai besoin de la deuxième couleur d'arrière-plan pour remplacer la première couleur d'arrière-plan. J'ai essayé de donner beaucoup d'Identifiants et de beaucoup de classes et également à l'aide !important, mais rien ne semble fonctionner...s'il vous plaît aider! (Je ne sais pas si ça compte, mais je suis également en utilisant twitter bootstrap, mais j'ai tous mes règles css personnalisé.css)

J'ai aussi essayé d'ajouter un css au html. Il ya 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 background-color:#E5D403 mais il m'a donné une erreur et je ne sais pas pourquoi (peut-être que je l'ai mis au mauvais endroit dans le code html?)

Le suivant ne fonctionne pas non plus:

.checkbox span .layer.color.legend
{
 background-color: #E5D403 !important;
}
  • post complète de votre code html où est la classe .layer
  • Quelle est la première couleur d'arrière-plan et le second?
  • Ces règles CSS de la sélection d'éléments différents donc on peut pas écraser les autres. Vous assurer de sélectionner le bon élément dans votre css
  • il n'y a pas de remplacement dans le css en dessus. Donner de l'html et de vous expliquer mieux.
  • utilisez !important 😉
  • J'ai posté la première partie de mon code html. l'ensemble du fichier est énorme, mais cela devrait être suffisant.
  • Comment est-ce html pertinents pour le reste de la question? Je ne vois absolument pas de corrélation entre le css et le balisage.
  • Je suis en train de rendre l'id "passé" (à partir de l'html) couleur d'arrière-plan remplacer la première css j'ai là-haut.
  • Le #past .layer.color durée ne contient pas réellement quoi que ce soit.
  • mais si je n'ai pas la première couleur d'arrière-plan, il montre parfaitement. donc, il ne la contiennent. J'ai juste besoin de le passé .la couche.de la couleur à remplacer la première css condition. les couleurs sont pour des situations différentes.
  • J'ai édité ma question encore une fois

InformationsquelleAutor user2847749 | 2013-10-14
  1. 3

    Cela ne fonctionne pas?

    #past {        
   background-color: #E5D403 !important;
}
    InformationsquelleAutor BT643
  2. 0

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

    Quelle devrait être la sortie de l'air? Si vous avez une image de ce que vous attendez, nous pourrions être en mesure de vous aider plus.

    Sans que, si vous voulez "Passé" à la nouvelle couleur d'arrière-plan, vous devez le mettre à l'intérieur de la balise span tags - <span class="layer color legend">Past</span>

    • Vous pouvez mettre une photo sur Photobucket ou externes de l'image d'accueil et un lien vers elle. Je recommande également d'obtenir un jsfiddle.net après, qui montre que les comportements que vous voyez. Le code que vous avez fourni n'est même pas me donner la verge d'or de couleur si je le fais moi-même.
    InformationsquelleAutor Shauna
  3. 0

    Vous avez manqué l'espace entre la classe

    essayer cette

    HTML

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

    CSS

    span.legend
{
 background-color: #E5D403 !important;
}
    • .layer .color signifie un élément avec la classe color l'intérieur d'un élément avec la classe layer. .layer.color signifie un élément qui a les deux classes.
    • sa première HTML montré couche de la classe encapsule classe de couleur. Donc je lui ai conseillé d'utiliser de manière#
    • Il n'a jamais posté de html avec ceux de la classe des noms, et de plus, mon commentaire a été réalisé à votre réponse avant de l'avoir modifiée.
    • Cela ne fonctionne pas non plus. Je ne suis pas sûr de ce qui va mal.
    • mise à jour de la réponse avec HTML et CSS. Your text is not inside span.
    • l'ID est dans la durée. Le texte est simplement une étiquette

    InformationsquelleAutor Murali Murugesan
  4. 0

    J'ai enfin compris, les gars. Je ne pouvais pas corriger cette erreur dans le CSS. Depuis ma page a été être mis à jour dynamiquement, j'ai dû corriger cela en javascript, quand j'ai été la création de 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');
}
    InformationsquelleAutor user2847749