html - 博客文章中的图片

Question

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

Answer 1

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

更新

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

假设每篇博客文章都在一个带有 class 的元素中呈现post。然后你可以做这样的事情：

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

Answer 2

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

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

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

然后在CSS，

.someclass{
    your rules go here.    
}

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

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