悬停时在链接前显示"▶"？

继承我的小提琴.
当我将鼠标悬停在链接之前时,如何在链接之前显示一个像"▶"这样的特殊字符,如选择箭头,是否可以使用外部图像？
怎么能在css或javascript？

#wrapper {width:400px;font-family:questrial;clear:both;}
#first {width:130px;float:left;}

#wrapper a:hover {
    box-shadow:0px 15px #E81029 inset, 0px -15px #E81029 inset;
    background:#e5122e;
    color:#f6f6f6;
    padding:2px;
    transition-duration:0s;
    padding-left:4px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
    }
    
.category2 {width:430px;padding:5px;margin-bottom:40px;background:white;
box-shadow:0px 3px 10px rgba(0,0,0,.15)}

.desc3 {color:#666666;font-family:questrial;font-size:9px;width:350px;text-align:left;}

        


    


Text is here

Text is here

Text is here

Text is here

Text is here

Text is here


    


Text is here

Text is here

Text is here

Text is here

Text is here  

Text is here   

    

#wrapper a:hover:before { content: '?'; }

#wrapper a:hover:before { content: url(http://xxx); }

a:hover:before {
  content: '?';
  display: inline-block;
}

Hover Me