css被另一个css覆盖

Question

我在下面有这个css。一旦我点击链接，我的这个css的点击链接如何被其他css写过。它将链接颜色变为红色。我尝试在下面的代码中保持白色，但这没有帮助。我能做些什么才能让它发挥作用

.grey {
    background-color:#545154;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #120c12;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
}.grey:hover {
    background-color:#a8a5a8;
}.grey:active {
    position:relative;
    top:1px;
}

 .grey a:visited{
  color:white !important;
  }
 .grey a:link{
  color:white !important;;
  }

HTML

<a href="www.site.com" class="grey" style="color:white;">Site</a>

Answer 1

白色选择器关闭。它应该是.grey:visited或a.grey:visited。