Как отключить заданную ширину родительского элемента для дочернего элемента?

Question

У меня есть div, CSS которого устанавливает все изображения на определенную ширину. Я хочу добавить еще один, дочерний div в этом, но иметь свои изображения без ограничений - быть любым размером, на самом деле.

Я не уверен, как «сбросить» свойство width этих дочерних элементов, чтобы он не наследовал родителей?

Кто-нибудь знает, как это делается?

<div id='parent'> 
    <img src='image.jpg'> 

    <div id='child'> 
    <img src='image.jpg'> 
    </div> 

</div> 

CSS

#parent img { 
    width: 200px; 
    } 

    #child img { 
    width: do not inherit #parent img css??? 
    } 

Answer 1

auto делает то, что я, что:

#child img { 
    width: auto; 
    } 

Answer 2

Просто добавьте свою собственную ширину.

#parent img { 
    width: 200px; 
    } 

    #child img { 
    width: 100px; 
    }