¿Cómo aislar un div de los estilos CSS públicos?
Tengo un código por ejemplo aquí 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 usé el siguiente código CSS para su estilo:
img{
width:100px;
height:100px;
}
h1{
font-size:26px;
color:red;
}
la pregunta es: ¿Cómo puedo prevenir y aislar las etiquetas dentro de la etiqueta mydiv div del estilo por el estilo de las etiquetas públicas?