javascript - 如何使用CSS调整另一个div中div中图像的大小？

Question

我只想调整具有特定类的 div 中的图像，以及具有其他特定类的另一个 div 中的图像。但不应调整仅位于另一个 div 内的 div 内的图像的大小。

如果我想在分类的 div 中调整图像大小，这会起作用:

div.classname>img { width:something; }

但这行不通:

div.classname2 > div.classname > img { width:something; }

标记

<div class="classname2">
    <div class="classname">
        <img>
    </div>
</div>

但我不能用内部类名来引用它。

所以，为了让它更清晰，我需要调整这些图像的大小:

<div class="classname2">
    <div class="classname">
        <img>
    </div>
</div>

但不是这些:

<div class="classname">
    <img>
</div>

Answer 1

我觉得你的 css 规则应该有效

div.classname2 > div.classname > img { width:something; }

这是fiddle吗？显示你想说明什么？如果是这样，也许您只是在某处覆盖了 CSS 规则？