内联css问题

Question

我有以下脚本：

http://jsfiddle.net/oshirowanen/8mQ7x/1/

哪个工作正常，但是一旦我更改为外部css以使用内联css方法添加背景图像，它就会停止工作，如下所示：

http://jsfiddle.net/oshirowanen/8mQ7x/

我需要它的一部分是内联css，因为html是动态生成的。我正在尝试为每个图标使用不同的图像创建许多通用图标，但使用通用css外部文件导致鼠标过度效果。

为什么在使用内联css添加图片时这会停止工作？如何让它工作？

Answer 1

因为元素style CSS规则具有比其他CSS规则更高的优先级。按元素样式background，您不仅要重写默认背景，还要重写:hover。

您应该只重写background-image。示例：http://jsfiddle.net/8mQ7x/3/