如何仅对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。