Comment puis-je remplacer un CSS règle à l'aide d'un fichier externe?

Comment puis-je remplacer un CSS règle avec l'aide d'une feuille de style externe?

C'est mon code HTML:

<div class="mydiv" style="background:#000"> lorem ipsom</div>

Je veux changer la couleur d'arrière-plan à l'aide de CSS. C'est mon code CSS:

.mydiv {background:#f00; color: #000;}

Mais ce n'est pas le travail, mais je c'est possible.

Est-il un moyen de changer la couleur d'arrière-plan dans Internet Explorer?

OriginalL'auteur avi | 2013-08-10

  1. 6

    C'est très simple. Utilisation !important après votre règle de style. Voici l'exemple:

    .mydiv {background:#f00 !important; color: #000;}

    URL: http://jsfiddle.net/msJxL/

    Et pour Internet Explorer, découvrez Comment Créer un IE Seule feuille de style | CSS-Tricks.

    vous avez fait ma journée 😀
    aussi plz laissez-moi savoir montrer puis-je changer de couleur dans un style unique, shee, le lien u m'envoyer est externe ie css que j'ai à joindre dans mon document, mais le problème est que je ne peut pas modifier mon document html
    déjà mentionné il ya lire ci-dessous, le hack de la section
    Vérifiez votre orthographe @Vipul' ... c'est "simple" simpale... puisque c'est accepté de réponse, je pensais que ce serait bien si il était plus propre.
    oh ouais, ok, mon erreur

    OriginalL'auteur Vipul

  2. 7

    De style en ligne est considéré comme ayant une plus la spécificité que n'importe quel ensemble de règles.

    Les seuls moyens de le remplacer sont à changer sur l'élément ou de l'utilisation un !important à la règle.

    !important règles sont d'une masse d'une solution et ne fonctionnera une fois (si vous souhaitez remplacer de nouveau, vous êtes coincé; il n'y a pas une telle chose comme un double !règle importante), la modification du style de la valeur de l'attribut (de préférence de retirer complètement en faveur d'une feuille de style) est la meilleure option.

    Si vous voulez vraiment utiliser !important la syntaxe est:

    .mydiv {
    background:#f00 !important;
    color: #000;
}

    OriginalL'auteur Quentin

  3. 1

    Utiliser le !important pour cela. Il remplace les autres CSS. Essayez le code suivant:

    .mydiv {background:#f00 !important; color: #000;}

    OriginalL'auteur Dhaval Bharadva

  4. 0

    Utiliser ceci:

    .mydiv {
     background: #f00 !important;
     /* This will increase the rule score */
     color: #000;
}

    Informations détaillées: Débordement de Pile question Comment puis-je remplacer des styles en ligne avec CSS externe?.

    OriginalL'auteur Rohit Agrawal

  5. -1

    Vous pouvez utiliser l'attribut CSS selector:

     <style>
     div[style] {
        background: blue !important;
     }
 </style>

 <div style="background: red;">
     The inline styles.
 </div>
    Sélecteur d'attribut n'ont rien à voir avec cela.
    J'ai modifié consultez ce lien jsfiddle.net/jmgsg

    OriginalL'auteur shakthydoss