como destacar o link da página atualmente aberto em css
Eu tenho um conjunto de links no painel de navegação esquerdo. E eu queria destacar o link aberto. Estou usando css no meu site.
Código HTML:
<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>
Código CSS:
#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; }
Ao usar a: active, o link terá essa propriedade apenas por um período muito curto de apenas um clique no link. Mas espero que o link seja destacado enquanto a página é aberta. Existe tal viabilidade no CSS?