Ich habe eine Reihe von Links im linken Navigationsbereich. Und ich wollte den geöffneten Link hervorheben. Ich verwende CSS für meine Website.

HTML Quelltext

<div id="LEFTmenu">
<ul>
<li><a href="link_01.html">Link1</a></li>
<li><a href="link_02.html">Link2</a></li>
<li><a href="link_03.html">Link3</a></li>
<li><a href="link_04.html">Link4</a></li>
<li><a href="link_05.html">Link5</a></li>
</ul>
</div>

CSS-Code:

#LEFTmenu {
    line-height:30px;
    width: 200px; 
    float: left; 
    margin-top: 10px; 
    background-color: #FFFFFF;}

#LEFTmenu ul {
    padding: 0;
    margin: 0 0 20px 15px;
    list-style: none;
    list-style-type: none;
    font-size: 14px;  }

#LEFTmenu ul li a:link, a:visited {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #333;  }

#LEFTmenu ul li a:hover {
    color: #CC3366;  }   

 #LEFTmenu ul li a:active {
    color: #33FFFF;  }

Bei Verwendung von a: active hat der Link diese Eigenschaft nur für eine sehr kurze Zeit von nur einem Klick auf den Link. Ich erwarte jedoch, dass der Link hervorgehoben wird, während seine Seite geöffnet ist. Gibt es eine solche Machbarkeit in CSS?