:visited　が上手く発動しません。

訪問後にaタグの背景の色を緑にしたいのですが、訪問前に全てのaタグが緑になってしまっています。
リンク先を#ではなく、URLにしてもダメでした。
どうすればうまくいきますか？

<ul class="recomend-keyword-tag">
  <li class="outline-tag blue"><a href="#">ああああ</a></li>
  <li class="outline-tag blue"><a href="#">ああああ</a></li>
  <li class="outline-tag blue"><a href="#">ああああ</a></li>
<ul>

.recomend-keyword-tag {
  .outline-tag {
    color:white;
    text-shadow:1px 1px 0 black,-1px 1px 0 black,1px -1px 0 black,-1px -1px 0 black;
  }
}
.recomend-keyword-tag .outline-tag :hover {
  background-color:blue;
}
.recomend-keyword-tag .outline-tag a:visited {
  background-color:green;
}
.recomend-keyword a {
background-color:#00acee;
        border:2px solid black;
        margin-left:6px;
        margin-top:6px;
        border-radius: 4px;
        padding:2px 10px;
        font-weight: bold;
        cursor: pointer;
        font-weight:bold;
        display: block;
        font-size:12px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .28);
        border-radius: 8px;
        color: white;
        text-decoration: none;
}