ブートストラップのナビゲーションバーのリスト項目がクリック時に色が変わる

Question

ブートストラップのナビゲーションバーに問題があります。 リスト項目（リンク）の1つを右クリックして別のページにリダイレクトすると、その色はオレンジ色（つまり実際にはホバーカラー）に維持され、ナビバーの外をクリックするとデフォルトカラーすなわち緑色）。 なぜそれはすべて起こっているのですか？

右クリックしてもデフォルトの緑色を保つべきだと思います。 以下はNavbarの写真です。右クリックするとShoppingページに移動します。

CSSコード説明したように、右クリックに基づいて、この特定の状況で

.navbar-default .navbar-nav > li > a { 

    color: #6ecd6e; 
    font-size:15.7px; 
    font-weight:400; 
} 
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus { 
    color: #ffb600; 
} 

Answer 1

ul { 
 
    list-style: none; 
 
    padding: 0; 
 
    margin: 0; 
 
    background-color: #666; 
 
    float: left; 
 
    padding: 20px; 
 
} 
 
li { 
 
    float: left; 
 
    margin-right: 10px; 
 
} 
 

 
.navbar-default .navbar-nav > li > a, 
 
.navbar-default .navbar-nav > li > a:focus { 
 
    color: #6ecd6e; 
 
    font-size: 15.7px; 
 
    font-weight: 400; 
 
} 
 
.navbar-default .navbar-nav > li > a:hover { 
 
    color: #ffb600; 
 
}

<div class="navbar-default"> 
 
    <ul class="navbar-nav"> 
 
    <li><a href="#">link 1</a></li> 
 
    <li><a href="#">link 2</a></li> 
 
    </ul> 
 
</div>

...何が起こっていることはクリックがリンクを引き起こしている権利であります焦点が合っているので、リンクはオレンジ色のままです。私の例では、緑色が宣言されているところまでフォーカスを移動しました。