如何讓div內的圖像只產生懸停效果？

Question

我想添加圖像懸停效果只有div圖像不是整個HTML代碼。我該怎麼做呢？

Answer 1

看看如何"nest" CSS selectors。

下面是一個例子。這是你需要的嗎？

<div> 
    Image in a div 
    <img src="http://baconmockup.com/300/200" /> 
</div> 

div img:hover { 
    border: 1px solid red; 
} 

你可以看到它here。