html - 只对一张图片应用 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 Definition