70 votes

Comment isoler un div des styles CSS publics ?

j'ai du code par exemple ici en html

 <html>
 <body>
  <img src='an image source'/>
  <h1>Hi it's test</h1>
  <div id='mydiv'>
    <img src='an image source'/>
    <h1>Hi it's test</h1>
  </div>
 </body>
</html>

si j'ai utilisé le code css suivant pour le style:

 img{
   width:100px;
   height:100px;
}
h1{
   font-size:26px;
   color:red;
}

la question est la suivante : comment puis-je empêcher et isoler les balises à l'intérieur de la balise mydiv div du style des balises publiques ?

2voto

darkporter Points 7552

Une chose qui pourrait être utile est le sélecteur direct d'enfant CSS , qui est disponible dans tous les navigateurs, y compris IE7+. Cela vous permet d'appliquer un style qui ne se répercute pas sur les enfants. Par exemple dans votre code vous pouvez utiliser ce CSS :

 body > img {
  width:100px;
  height:100px;
}
body > h1 {
  font-size:26px;
  color:red;
}

Et ce CSS ne s'appliquerait qu'aux éléments directement sur l'élément BODY.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X