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

Question

我最近将Wordpress site的宽度从456像素宽变为620像素。当然，这导致我的所有图像现在都不适合新的宽度。我发现通过使用以下代码，它几乎解决了我的问题。

p img {

width: 100% !important;

height: auto;

}

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

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

Answer 1

你应该使用一个CSS类，你的img不属于这个规则，如。

CSS

.star-img{
    width: auto;
}

另一个例子

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

HTML

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

Answer 2

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

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