博客文章中的图片答案

【问题标题】：images inside the blog posts博客文章中的图片
【发布时间】：2012-09-09 10:37:17
【问题描述】：

我想在该部分中定义我的图像的外观（我正在尝试为图像添加边框 - 但我无法直接引用图像，因为图像是动态添加的 - 作为博客的内容帖子。）你能告诉我怎么做吗？我必须创建一个新的部分/id/div吗？我怎么能对机器说：在我创建的 section/id/div 中，我希望你将这些样式应用于图像。” ? 谢谢，D。

【问题讨论】：

标签： html css

【解决方案1】：

是的，您需要获取对图像或将在其中显示图像的块的引用。然后将 css 规则应用于图像或块，然后您将获得图像上的样式。如果有很多，我更喜欢class=""，如果只有一个，我更喜欢id=""。

如果你在下面的任何元素中都有 img，

<div class="someclass">
     <img src="" />
</div>

然后在 CSS 中，

.someclass{
    your rules go here.    
}

或者如果你想直接在图像上设置样式，那么你的 HTMl 将如下所示，CSS 与上面相同。

<img class="someclass" src="" />

【讨论】：

完美！正是我想要的。谢谢！
vini，是否可以动态添加图片链接？ - 比如为动态添加的图片添加样式。
是的。只需使用。
然后动态生成的内容进入css？
我上面显示的那行将是动态生成代码的一部分。我不明白“然后动态生成的内容进入css？”清楚地。如果我理解了，那么别担心，css 会添加到您动态生成的代码中。

【解决方案2】：

如果内容是动态添加的，样式会在新内容添加到 DOM 时自动应用，您无需担心这一点。注入你想要的内容，只要有与该内容匹配的 CSS 规则，浏览器就会处理其余的。

更新

我意识到一开始我可能误解了您的问题。如果用户完全控制了博客文章的标记，我想最好的方法是使用选择器，它选择包装每个博客文章的容器中的每个图像。

假设每篇博文都在类post 的元素中呈现。然后你可以这样做：

.post img {
   border: 1px solid #000;
}

【讨论】：

我没有定义 css。这就是问题所在 - 我必须如何定义以及定义什么
感谢克里斯托弗的回答。我正在寻找上面 vini 建议的东西。