Html 如何使某些图像具有一定的宽度，而不是其他图像？

我最近把我的相机的宽度从456px改为620px。当然，这导致我的所有图像现在都不适合新的宽度。我发现通过使用下面的代码，它几乎解决了我的问题

p img {

width: 100% !important;

height: auto;

}

我遇到的问题是，在多个位置使用的一组图像（一个星级评定系统）意味着很小，使用上述代码会迫使它们放大并将其拧紧。我如何使用上面的代码来应用到我所有帖子中的图片，除了少数我不想放大的星星图片？谢谢你的时间，我感谢你的帮助

---

为清晰起见更新了我的问题

您应该使用CSS类，将不属于此规则的img添加到您的img中

CSS

另一个例子

p img.star-img{
    width: auto;
}

HTML

---

使用常规样式和选定样式的组合

img {width:620px;}
#exceptional_image {width:360px;}

---

这个星型图像是在一个HTML元素中使用还是在多个HTML元素中使用？它在多个位置使用，这就是为什么我试图避免手动进入并更改每个元素的原因。谢谢你的回答，我想我会遵守。但是，该图像可以在多篇文章中找到，因此我是否需要手动将该HTML插入到每一篇文章中以创建例外？或者我可以设置一个CSS类来简单地应用于整个站点并将其添加到我的样式表中吗？在最好的情况下，您可以同时执行这两种操作，但是在链接之后，如果不为您的HTMLTank添加类来作为答案，您就不能仅对该星形使用规则。我不太擅长CSS。如何设置“#Exception_image”类以及在何处插入？例如，这是图像的url：非常欢迎您。假设，您希望为facebook图像设置不同的样式。执行以下编码：img{width:620px；}#exceptionu image{width:360px；}有趣。说清楚点，我该在哪里申报身份证？我是将所有代码复制到我的style.css中，还是需要转到其他地方？只需将我的css样式复制到你的style.css中即可

<img src="star.jpg" alt="Star" class="star-img">

img {width:620px;}
#exceptional_image {width:360px;}