css - 仅在一个 div 内的 CSS 图像

Question

www.angelodias.com.br/blog

我的博客在滑块内有一张特色图片，在帖子中有几张图片。为了解决一个问题（帖子上的图片大于列），我这样做了：

img {
max-width:450px;
height:auto;
}

问题是：这段代码还将我的幻灯片最大宽度更改为 450 像素，这并不好。有没有办法让 CSS 只在帖子的文本中工作？

例子：

<div class="slideshow"> slideshow without custom IMG css, only template css </div>
<div class="entry-content"> post content with custom IMG css and template css</div>

Answer 1

WordPress 允许为图像添加最大宽度，只需转到设置 -> 媒体，或者您可以选择内容中的图像，这应该可以：

.entry-content img {
      max-width: 450px; 
      height: auto;
}

Answer 2

您可以尝试使用 entry-content 容器定位图像

.entry-content img {
    // ....
}

如果您使用 img 标签，它将针对页面上的所有图像，其中 .entry-content img 将仅针对 entry-content 元素内部的图像，而这就是您的图像所在的位置，而幻灯片则不是。