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

我正在做一个简单的项目，我有一个后退按钮，这是通过这行调用的：

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

但是，我的问题是，我有一些css用于所有其他图像的响应性调整/工作，这是以下代码：

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

我的问题是，回退箭头是否可能不受imgs CSS的影响？

我做了以下工作：

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

---

以img属性和类为目标。

使用CSS

：非

选择器：

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

---

CSS采用应用于元素的最后一种样式，因此我建议始终将最具体的样式放在常规样式之下

所以你可以先：

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

及之后：

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

因此CSS采用.backArrow样式，并覆盖以前使用该类对元素所做的任何样式。

---

对于常规：

/* Images */

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

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

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

独特的图像css如下所示：

/* Images */

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

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

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

使用css的not属性：

/* Images */

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

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

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

---

这是用于图像的新通用css，仅适用于没有名为

backArrow

的类的图像是的，这是可能的