Comment remplacer une propriété css enfant. exemple, le texte doit être noir:Substitution de la propriété css enfant
<div style="color: Black;">
<div style="color: Red;">Red text that should be black.</div>
</div>
Depuis que je suis arrivé quelques réponses qui donnent à penser que je ne devrais pas utiliser les styles en ligne, je dois vous dire que ce n'est pas une option, du moins pas pour la div intérieure.
n'utilisez pas de styles en ligne. les contrôler à partir de votre CSS dans les balises ou le fichier CSS. Ensuite, vous pouvez utiliser l'héritage, la spécificité et! Important pour remplacer. Vous ne pouvez pas le faire avec des styles en ligne comme vous l'avez dans votre code.
Vous devez utiliser des classes et des ID css et utiliser des feuilles de style internes ou externes n'utilisez pas le style en ligne pour quelque chose d'aussi loin que possible. Pour ce qui est de rendre le texte noir, vous ne pouvez pas le faire parce que vous l'avez en ligne et qu'il a la préférence sur tout et sera appliqué en dernier. Il est généralement suit cet ordre pour que les styles sont appliqués à partir de gauche à droite-
externe Stylesheet -> interne Stylesheet -> Inline Styling
Rechercher here savoir plus d'informations sur la façon d'utiliser feuilles de style.
Question mise à jour. – Andreas
Les styles en ligne ont préséance sur votre feuille de style. Si nécessaire, définissez div {color: # 000; } et div div {color: # a00}, puis définissez la couleur: Black; en ligne. Cependant, une meilleure option serait d'utiliser CSS dans un fichier externe, puis d'affecter une classe spécifique à la div dont vous avez besoin de changer la couleur. –
Question mise à jour. – Andreas
Si c'est le cas, l'autre option que je peux envisager est d'utiliser javascript et de le faire sur onload. Devrait être facile à faire avec jQuery. supprimer l'attribut de style. devrait le faire. par exemple. $ ('div div'). removeAttr ('style'); –