html - 如何更改css中的img元素

Question

我正在修改一个网站，那里有一些图片元素，见下图：

我想让上面的图片更大，因为它有更大的分辨率。

这是 index.html 文件中的代码

<div class="col-lg-6 order-lg-last">
   <div class="gfx py-4">
       <img src="images/azalea/gfx-e.jpg" alt="gfx">
   </div>
</div>

所以我在 css 文件中找到了 img 元素。

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

如果我将最大宽度更改为 150%，这张照片确实会变大。但是还有其他图片使用相同的img元素，它们也变得更大......这不是我想要的......

如何设置一个 css img 元素只供这张图片使用？

谢谢

标签： htmlcssimagesize

Answer 1

尝试使用内联 css（因为您只想更改 1 个图像）

所以，对于这个特定的图像，从

<img src="images/azalea/gfx-e.jpg" alt="gfx">

至

<img src="images/azalea/gfx-e.jpg" alt="gfx" style="max-width: 150%;">