Onmouseover DIV，更改圖像邊框顏色

Question

當我懸停放置圖像的DIV時，需要更改圖像邊框顏色方面的幫助。 所以這應該很簡單，但我不確定如何啓動。我的（簡體）代碼如下所示：

#tilesImage { 
    padding: 2px; 
    border: 1px solid white; 
} 

#tilesImage:hover { 
    border: 1px solid #3498db; 
} 


<Div><img id="tileImage" src="img.png">Image description</Div> 

我希望能夠在整個div懸停時更改圖像的邊框顏色。現在我可以在圖像懸停時更改圖像邊框的顏色，但懸停文本時必須使用相同的顏色，所以onmouseover DIV圖像邊框顏色應該更改。

任何人在這裏都有一個好主意，寧願選擇最簡單的解決方案。這是一個WordPress的博客，所以添加javascripts使它更復雜一點。

Answer 1

給你div的id或class，讓您選擇更具體：

<Div id="parentDiv"><img id="tileImage" src="img.png">Image description</Div> 

那麼你可以使用：

#parentDiv:hover img { 
    border: 1px solid #3498db; 
}