Manter Hover Selecionado.

Olá boa noite pessoal do iMasters tudo beleza??

estou precisando de uma ajuda de vocês aqui..

tenho um menu da seguinte forma:

<div class="menu-itens">
<ul>
<li><a href="pages/index.html" target="iframe">INÍCIO</a></li>
<li><a href="pages/contato.html" target="iframe">CONTATO</a></li>
<li><a href="#">PRODUTOS</a></li>
<li><a href="#">SERVIÇOS</a></li>
<li><a href="#">PROJETOS</a></li>
<li><a href="#">DÚVIDAS</a></li>
<li><a href="#">CADASTRE-SE</a></li>
</ul>
</div>

ao passar o mouse em cima de um menu, ele me da um efeito hover... esse menu está formatado todo em CSS
o que eu preciso é.

Após clicar no menu, por exemplo; cliquei no menu contato!
Ele fique selecionado com o efeito hover, para o usuário saber onde e qual página ele esta..
Eu vi alguns topicos relacionados aqui mais não consegui compreender muito bem...

Alguem pode dar uma ajuda de como fazer isso e uma explicação para eu entender?

Abraços até mais!