仅将css样式应用于一个图像

Question

我正在开发一个简单的项目,我有这个后退按钮,通过这一行调用:

<a href="index.html" class="_container">
<img class="image backArrow" src="arrowBackWhite.png">
</a>

然后CSS为它:

.backArrow {
  display: block;
  height: 100%;
  widt: auto;
  overflow: hidden;
}

但是,我的问题是我有一些css所有其他图像调整大小/响应工作,这是代码:

/* Images */
img {
    max-width: 100%;
    height: auto;
}

我的问题是,backArrow是否可能不受imgs CSS的影响？

Answer 1

使用CSS :not选择器:

img:not(.backArrow){
    max-width: 100%;
    height: auto;
}

MDN定义