ne pouvez pas remplacer de style en ligne avec ! propriété la plus importante?

J'ai un div qui définis comme suit:

<div style="background-color: rgb(217, 240, 211) ! important; color: rgb(0, 102, 2) ! important;" class="div_box">... ...
</div>

depuis la div est actuellement en utilisant le style en ligne (que je déteste ça!) J'ai besoin de remplacer la couleur de fond ainsi que de la couleur.

J'ai essayé:

.div_box[style] {
background-color: rgb(216, 219, 215) ! important; 
color: rgb(94, 94, 94) ! important;
}

mais ne fonctionne pas. Aussi essayé .div_box { ... } et toujours pas de travail.

Donc ma question est, comment suis-je remplacer le ci-dessus div style sans changer manuellement le style en ligne?

!important doit être écrit sans espace et collé à la dernière valeur 🙂 couleur: rgb(94, 94, 94)!important;
vous ne pouvez pas remplacer inline !important les styles.
Un article à lire sur le spécificité dans le CSS 🙂
la spécificité de ne pas l'aider dans cette situation.
vous avez sauvé ma vie

OriginalL'auteur Josh | 2013-06-04

  1. 3

    CSS overides les feuilles de style CSS. Deux d'entre eux sont marqués !important, dans votre cas, si vous ne pouvez pas utiliser cette astuce css pour modifier la div couleur.

    Réponse courte, vous ne pouvez pas faire ce que vous voulez. C'est possible seulement si le CSS n'aurait pas été marqués !important.

    Vrai. Une solution de contournement pour le cas de l'exemple pourrait être d'utiliser un encart box-shadow avec un écart important. .div_box { box-shadow: inset 0px 0px 0px 300px rgb(216, 219, 215); }

    OriginalL'auteur Gimmy

  2. 4

    http://jsfiddle.net/UkpnZ/3/

    Puisque vous ne pouvez pas supprimer le style en ligne, comme l'a fait remarquer (que j'ai sauté sur), si vous pouvez utiliser Jquery, vous pouvez utiliser ceci:

    $('.div_box').css('background-color', '');
$('.div_box').css('color', '');

    de bande de la couleur d'arrière-plan et la couleur de l'attribut de la ligne de style où .div s'affiche. La seule ajouté problème ici, c'est qu'il va dépouiller ce partout la classe est appelée.

    En utilisant cette méthode, vous n'avez plus besoin !important dans votre feuille de style.

    So my question is, how can I override the above div style without manually changing the inline style? - Veuillez lire
    Mise à jour, j'ai manqué.
    Je sais que je peux toujours utiliser le javascript/jquery pour enlever/changer ceux de style, c'est juste que je préfère utiliser les css pour remplacer. Dommage que cela ne peut être fait que la ligne a été marqué comme !important

    OriginalL'auteur Andrew Clody