css - 链接和：访问css类导致背景图像不显示

Question

我有班级.facebook，我试图实现3个阶段：链接，：访问和：悬停。图像附有.facebook类。 ：hover工作正常但是如果使用：linked，：使用class .facebook访问，图像不会出现，除非我使用没有.facebook类而没有：linked，：visited。

<ul class="social_networks">
     <li>
        <a target="_blank" href="www.facebook.com"><i class="facebook mediaIconContainer_01 fa fa-lg"></i></a>
      </li>
</ul>

CSS

.social_networks li a{
display:block;
/*width: 44px;*/
 width: 100px;
height: 100px;
text-align: center;
line-height: 100px;
outline: none;
margin: 0px auto;
padding: 0;
border-left: 1px solid #343a3b;
-webkit-transition: 0.3s;
transition: 0.3s;
/*background-color:green;*/
}

.mediaIconContainer_01{
  width:32px;
  height:32px;
}

 /*facebook*/
.facebook:link,
.facebook:visited
 {
   background:url(/ImagesAndIcons/MediaIcons/facebook_03_32.png) no-repeat;
 }


.facebook:hover{
  background:url(/ImagesAndIcons/MediaIcons/facebook_02_32.png) no-repeat;
}