博客文章中的图像

Question

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

Answer 1

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

如果你有一个像下面的任何元素在img

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

然后在CSS，

.someclass{ 
    your rules go here.  
} 

，或者如果您想直接对图像的风格，那么你的HTML将像下面和CSS与上面相同。

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

Answer 2

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

更新

我意识到，我可能会在第一次误解了你的问题。如果用户是完全在马的控制我猜最好的方法是使用选择器，选择包装每个博客文章的容器中的每个图像。

可以说每个博客文章都呈现在类post的元素中。然后你可以做这样的事情：

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