0

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

p img {

width: 100% !important;

height: auto;

}

我遇到的问题是，在多个位置（星级系统）使用的一组图像很小，使用上面的代码会迫使它们放大并搞砸。我如何使用上面的代码将我的所有帖子中的图像应用到我的所有帖子中，除了少数我不想放大的明星图像？感谢您的宝贵时间，感谢您的帮助。

为了清楚起见，更新了我的问题

4

2 回答 2

0

您应该对不属于此规则的 img 使用 CSS 类。

CSS

.star-img{
    width: auto;
}

另一个例子

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

HTML

<img src="star.jpg" alt="Star" class="star-img">
于 2013-05-20T12:00:40.973 回答
0

使用通用样式和选定样式的组合。

img {width:620px;}
#exceptional_image {width:360px;}
于 2013-05-20T12:27:55.690 回答