Je rencontre souvent ça et c'est plutôt ennuyeux. Est-ce que quelqu'un sait à ce sujet:CSS héritant des bizarreries
#content h5 {
color:red;
}
#next h5 {
color:blue;
}
Lorsque le balisage ressemble à ceci:
<div id="content>
<h5>RED</h5>
<div id="next">
<h5>BLUE</h5>
</div>
</div>
Le bleu h5 fait apparaître en rouge, ce qui donne ?!
Je n'ai eu aucun problème avec cela. Vous avez cependant une marque de citation manquante après le contenu. Voici ce que je l'ai testé avec
<html>
<head>
<style>
#content h5 {
color:red;
}
#next h5 {
color:blue;
}
</style>
</head>
<body>
<div id="content">
<h5>RED</h5>
<div id="next">
<h5>BLUE</h5>
</div>
</div>
</body>
</html>
C'est à cause de ce qui est connu sous le nom CSS Spécificité, voici un bon tutoriel à ce sujet:
Il y a une faute de frappe dans votre balisage, id = "content" a besoin d'une citation de fermeture (en supposant qu'il ne s'agisse que d'une faute de frappe dans l'exemple). Le concept fonctionne bien pour moi dans Chrome, Firefox et IE 8 à http://jsfiddle.net/AWVdY/ Quel navigateur utilisez-vous? –