如何用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

.classname2 .classname img { width: 200px; }

Answer 2

有：

<div class="parentDiv">
    <img class="img1">
    <div class="childDiv">
        <img class="img2">
    </div>
</div>

这样做：

.parentDiv > img { width: 100px }

只会影响<img> class="img1" class="img2" \nPAR.pm\n

Answer 3

通过转到该特定标记并添加以下样式属性，编辑您想要的唯一图像而不更改其余图像。

<img class = "example" style = "width: 50px !important;">

<强>更新

尝试一下，添加＆＃34;！important＆＃34;到内部类来覆盖父类。

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