html - 如何禁用子元素的父元素的设置宽度？

Question

我有一个 div，其 CSS 将所有图像设置为特定宽度。我想在这个子 div 中添加另一个子 div，但它的图像不受约束 - 可以是它们实际的大小。

我不确定如何“重置”这些子元素的宽度属性，使其不继承父元素？

有人知道这是怎么做到的吗？

<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;
    }