Hocam Css kodlar içinde :hover bölümünü bulun olduğu gibi aynısını kopyalayıp yapıştırın. Daha sonra bu kopyaladığınız kodlarda :hover yerine .active yada .tiklanmis olarak değiştirin. :active tıklandığında yani mouse ile basılı tutulduğunda görür. Sizin bahsettiğiniz için active diye bir özellik kullanmanıza gerek yok. Sadece yeni bir css sınıfı oluşturarak bunu yapabilirsiniz.

Burada kod paylaşmadığınız için rastgele css sınıf yazmam gerekiyor.
Örnek hover kodunuz yani mouse üzerine gelince linklerin değişmesini sağlayan kod.

.menubutonu:hover {
background-color:#fff;
}

sizin yapmanız gereken bu kodu bulup kopyala yapıştır yaparak şu şekilde kullanmak.

.menubutonu .secili {
background-color:#fff;
}

Örnek html menü kodunuz şeklinde varsayalım.
<li><a href="index.html">Anasayfa</a></li>
<li><a href="index.html">forum</a></li>
<li><a href="index.html">chat</a></li>
<li><a href="index.html">katalog</a></li>


Anasayfa linkine tıklandığında seçili durmasını istiyorsanız bu şekilde:
<li><a href="index.html" class="secili">Anasayfa</a></li>
<li><a href="index.html">forum</a></li>
<li><a href="index.html">chat</a></li>
<li><a href="index.html">katalog</a></li>

Forum kategorisinde seçili durmasını istiyorsanız bu şekilde:
<li><a href="index.html">Anasayfa</a></li>
<li><a href="index.html" class="secili">forum</a></li>
<li><a href="index.html">chat</a></li>
<li><a href="index.html">katalog</a></li>

Yapmanız gereken her sayfa linkine class="secili" kodunu eklemek

Bu tür konuları anlatmak bana güç geliyor umarım doğru bir şekilde anlatabildim nasıl yapacağınızı.