如何区分两个不同的图像组件？

Question

这是我的一些HTML

<img class="backmain" src="tumblr%20purple%20veg.jpg">

我尝试在我的CSS中添加img以更改某些属性，但这也会改变我的其他图像之一。我也试过把课程backmain放进去，但这也不行！

Answer 1

尝试为每个图片元素添加唯一ID，或在CSS中使用img.backmain。

Answer 2

使用id="example"，然后更改适用于您的#example的CSS

Answer 3

要一次更改多个对象，请使用“class”（就像您一样）。要获取唯一对象，请使用“id”。

在你的html上添加id="name"来设置对象的唯一ID。然后，在您的CSS上，在引用类名时使用.name，在引用ID名称时使用#name。例如：

.backmain {
  height: 40px;
  width: 40px;
}

#b {
  outline: 2px solid red;  
}

<img id="a" class="backmain" src="http://i.imgur.com/p6sVAWS.png">
<img id="b" class="backmain" src="http://i.imgur.com/p6sVAWS.png">
<img id="c" class="backmain" src="http://i.imgur.com/p6sVAWS.png">