選択したリンクの色

Question

私は自分のリンクを1色（灰色）にしようとしています。マウスをホバーすると緑色に変わり、その緑色の色がついたままになります。新しいリンクがクリックされると、そのリンクはグレーに戻り、もう一方のリンクはグリーンになります。リンクをクリックすると緑色以外のすべての機能が働きます。私ができることは何でも？ありがとう！

<div id="navBar"> 
<font face="abeatbyKai"> 
<ul id="menu-list"> 
    <li><a class="menu_side" href="webpages/News.html" style="text-decoration: none" id="one">News</a></li> 
    <li><a class="menu_side" href="webpages/About Us.html" style="text-decoration: none" id="two">About Us</a></li> 
    <li><a class="menu_side" href="webpages/Gallery.html" style="text-decoration: none" id="three">Gallery</a></li> 
    <li><a class="menu_side" href="webpages/Affiliates.html" style="text-decoration: none" id="four">Affiliates</a></li> 
    <li><a class="menu_side" href="webpages/Biography.html" style="text-decoration: none" id="five">Biography</a></li> 
    <li><a class="menu_side" href="webpages/Contact.html" style="text-decoration: none" id="six">Contact</a></li> 
</ul> 
</font> 
</div> 




#menu { 
width: 275px; 
left: 0; 
right: 0; 
top:0; 
bottom: 0; 
position: absolute; 
overflow: auto; 
background: rgba(0,0,0,1); 
border-right-width: 7px; 
border-right-style: solid; 
border-right-color: #000; 
} 
#navBar { 
width: 225px; 
height:260px; 
left: 50px; 
right: 0; 
top:200px; 
bottom: 0; 
position: absolute; 
overflow:hidden; 
background:rgba(86,86,86,0); 
font-size: 35px; 
} 
#menu-list { 
padding:0; 
margin:0; 

} 
#menu-list li { 
list-style-type:none; 
margin-bottom: 7px; 
} 

#menu-list a#one:link, a#two:link, a#three:link, a#four:link, a#five:link, a#six:link{ 
color: #5e5e5e; 
} 

#menu-list a#one:visited, a#two:visited, a#three:visited, a#four:visited, a#five:visited, a#six:visited { 
color: #5e5e5e; 
} 

#menu-list a#one:active, a#two:active, a#three:active, a#four:active, a#five:active, a#six:active { 
color: #07CB25; 
} 

#menu-list a#one:hover, a#two:hover, a#three:hover, a#four:hover, a#five:hover, a#six:hover{ 
color: #07CB25; 
} 

#main { 
left: 275px; 
right: 0; 
top:0; 
bottom: 0; 
position: absolute; 
overflow: auto; 
background: rgba(16,16,16,0.6); 
} 

#gallery1 { 
width:475px; 
left:250px; 
top: 500px; 
position: absolute; 

} 
a { 
outline: 0; 
} 

Answer 1

最も簡単なことは、リンクと訪問のためにリンクをグレーにすることです。ホバーとアクティブのために緑色です。次に、個々のページごとに、現在のページを表すリンクに現在のクラスを追加します。現在のクラスのスタイルリンクは常に緑色です。