Home>

I want to change the background color of the a tag to green after the visit, but all the a tags have turned green before the visit.
It didn't work if the link destination was a URL instead of #.
How can it work?

<ul>
<li>Ah ah</li>
<li>Ah ah</li>
<li>Ah ah</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;
}