CSS 图像仅在一个 div 内

Question

www.angelodias.com.br/blog

我的博客在 slider 内有一张特色图片，在帖子中有几张图片。为了解决一个问题(帖子上的图片比专栏大)，我这样做了:

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

您可以尝试使用条目内容容器定位图像

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

如果您使用 img 标签，它将以页面上的所有图像为目标，其中 .entry-content img 将仅以 entry-content 元素内的图像为目标，而那是您的图像和幻灯片放映的位置。