博文中的圖片

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="" />