XF 1.5 custom nav styling for a:active link


I want to create active link for this menu. This is my html.

<div class="topTabs">
<ul class="toptopTabs">
<li class="topTab"> <a href="#">All</a></li> -->
<li class="topTab"> <a href="#">Discussions</a></li>
<li class="topTab"> <a href="#">News</a></li>
<li class="topTab"> <a href="#">More+</a></li>

The template where I intend to use this div only accepts html. I don't know what to do to make this work.

I have already written the nav css styling for a:hover, just missing the a:active link.

Anyone have idea?