アンカータグの色がクリックされると青色に変わります

Question

リンクをクリックしてクリックすると、リンクが緑色のままになります。私が書いたコードは、リンクをクリックすると青くなります。どんな助けもありがとう。

HTMLコード：

<div class="container-fluid"> 
    <div class="row"> 
    <div class="col-md-3 text-left topbox"> 
     <p class="logo">trpti</p> 
    </div> 

    <div class="col-md-9 topbox home-btns text-center"> 
     <ul> 
     <li> <a href="#"> Sign up </a> </li> 
     <li> <a href="#"> About us </a> </li> 
     <li> <a href="#"> FAQ </a> </li> 
     </ul> 
    </div> 

</div> 
</div> 

CSSコード：

.topbox { 
    background-color: #584B4F; 
    height: 55px; 
} 

.logo { 
    color: #EEEAE1; 
    font-family: Helvetica; 
    font-size: 35px; 
    padding-left: 80px; 
    letter-spacing: 2px; 
} 

.home-btns { 
    color: #EEEAE1; 
    font-family: Helvetica; 
    font-size: 15px; 
    margin: 0; 
    padding: 0; 
} 

a { 
    text-decoration: none !important; 
    color: #EEEAE1; 
} 

a:hover { 
    color: #40A97B; 
} 

a:active { 
    color: #40A97B; 
} 

ul { 
    margin-top: 15px; 
} 

li { 
    list-style-type: none; 
    display: inline; 
    padding: 12px; 
} 

Answer 1

このCSSを試してください。

a:focus { 
    color: #40a97b; 
} 

Answer 2

<div class="col-md-9 topbox home-btns text-center"> 
     <ul> 
     <li> <a href="#" class="active"> Sign up </a> </li> 
     <li> <a href="#"> About us </a> </li> 
     <li> <a href="#"> FAQ </a> </li> 
     </ul> 
    </div> 

だけアクティブリンク上のアクティブなクラスを追加し、ここでは、アクティブクラス

a:visited{color: #40A97B;}