CSS图像只在一个div内

时间:2013-08-15 14:59:06

标签: css image html nested

www.angelodias.com.br/blog

我的博客在滑块内有一个精选图片,在帖子中有几张图片。为了解决问题(比柱大的帖子上的图像)我这样做了:

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

问题是:此代码还将我的幻灯片最大宽度更改为450px,这并不好。有没有办法让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>

2 个答案:

答案 0 :(得分:0)

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

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

如果您使用img标记,它将定位页面上的所有图像,其中.entry-content img将仅定位条目内容元素内的图像,而图像所在的位置和幻灯片放映的图像不是。

答案 1 :(得分:0)

WordPress允许为图片添加最大宽度,只需转到设置 - &gt;媒体 或者您可以选择内容中的图像,这应该有效:

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