博文中的图片

Question

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

Answer 1

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

更新

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

让我们说每个博客文章都在一个带有课程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="" />