CSS孩子和兄弟姐妹

Question

我现在是CSS新手。我对CSS孩子，伪班，兄弟姐妹没有多少经验。我有30页的w3school开放，无法找到我需要的具体内容。

我有2个div，在这些div中有1个图像。

但是，当我使用CSS IMG并更改它时，它会改变它们，我只是想改变一个而且它就是这样。我使用的是IMG.this和:以及>，并且两者都会改变大小。

我不明白这里的编码;有很多，比如div.(class) img -code-和其他人。

我知道这么简单，却无法找到方法。

Answer 1

如果您只有2张图片并且想要更改其中一张图片，则可以使用该ID为其添加ID并使用如下所示的ID进行设置。

图像类使它们的宽度都为300px，而＃image2 id样式则会改变第二个图像的宽度

.image img{
  width:300px;
}

#image2 img{
  width: 350px;
}

<div class="image">
    <img src="http://placehold.it/350x150">
</div> 
<div class="image" id="image2">
    <img src="http://placehold.it/350x150">
</div>