CSS 选择器选择 div 内的所有 img 标签，而不考虑子级别

Question

我想选择 --- 中的所有 img div ，以便可以对其应用常见的 CSS 。

我不知道 img 标签可以达到什么水平

<div class="my_div">
   <div>
      <p>
         <img src="x"/>
      </p>
      <img src="y"/>
      <p>
        <a>
           <img src="z"/>
        </a>
     </p>
   </div>
</div>

而且这个结构可以改变，因为它本质上是动态的，唯一不变的是 top div my_div 。我想在所有 img 作为：

 {
  max-width:100% !important;
}

任何想法如何实现？

原文由 ak_arjun 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

试试这个

.my_div img
{
   max-width:100%;
}

如果这不适用，那么使用 !important 像这样

.my_div img
{
   max-width:100% !important;
}

原文由 Mr. Pyramid 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

如果你想为所有 img 添加 CSS，那么你可以使用

img{max-width:100% !important;}

如果你想在 div 中定位一个 img，那么你可以在 img 标签之前添加类名

.my_div img{max-width:100% !important;}

原文由 Keshav Bhadouria 发布，翻译遵循 CC BY-SA 3.0 许可协议