CSS：LINK：HOVER背景图像似乎有效，但一旦悬停就不会出现

Question

示例：

.twitter:LINK{
     width: 15px;
     height:15px;
     display:block;
     background-image: url('../_img/social_butt/twitter.jpg');
}

.twitter:HOVER{
     width: 15px;
     height:15px;
     display:block;
     background-image: url('../_img/social_butt/twitter_hover.jpg');
}

正如您所看到的，代码是相同的，路径也是如此。这两张图片完全在同一个文件夹中，我仔细检查了这个名字。这在<a>元素内显示为背景图像。

问题是，一旦你悬停链接状态LINK消失（图片twitter.jpg）而不是出现在HOVER之后（图片twitter_hover.jpg）你什么都不看。因此，当你取出鼠标LINK再次出现。目的是在悬停时加载不同的悬停图像。

为什么不起作用？

NEW EDIT /////////////////////////////

其他人的评论似乎是代码是正确的。我也认为这是正确的。我已经越过了不同的图像，我看到我只想要悬停的图像出现问题。我尝试过不同的格式......但仍然是一样的。我甚至打开了LINK图像并用photoshop改变了颜色并再次保存为jpg。也没工作......

我附上这两张照片，看看你是否知道解决方案是什么......

Answer 1

我想它必须是小写的，你需要尊重正确的顺序：

LoVe HAte

链接，访问，悬停，活动

a.twitter:link, a.twitter:visited {
     width: 15px;
     height:15px;
     display:block;
     background-image: url('../_img/social_butt/twitter.jpg');
}
a.twitter:hover, a.twitter:active{
     width: 15px;
     height:15px;
     display:block;
     background-image: url('../_img/social_butt/twitter_hover.jpg');
}