css - 从父元素旋转子元素 :Hover

Question

只是一个我似乎无法弄清楚的小元素，我希望这里的集体知识可以为我指明正确的方向。

我想在用户将鼠标悬停在 div 上时旋转 div 内的图像。代码示例可在此处找到:http://jsfiddle.net/mashby/eCzmj/

现在，动画是通过悬停在图像本身上触发的，而不是整个 div。

不知道是否可以做我想做的事，但提前感谢您的任何确认或建议!

Answer 1

看来是你的CSS有问题

您正在使用 #animate img:hover，这意味着您将在悬停时将样式应用于 img。

尝试使用 #animate:hover img 将样式应用到 img 元素，当父级 (#animate) 悬停时。