CSS孩子和兄弟姐妹

Question

我现在是CSS的新手。我在CSS孩子，伪课，兄弟姐妹方面没有太多经验。我有30页的W3School开放，找不到我需要的特定内容。

我有2个Divs，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>