Как сделать подсветку текущей категории?

<div class="menupage2div">
<span><a href="Ссылка" class="menupage2" >Категория</a></span>
<span><a href="Ссылка" class="menupage2">Категория</a></span>
</div>

В css  у меня так:

.menupage2div{text-align:center;margin-bottom:0;margin-left:5px;margin-right:5px}
.menupage2divindex{text-align:center;margin-bottom:10px;margin-left:10px;margin-right:10px}
.menupage2{margin-right:3px;padding:7px;line-height:2.4;padding-left:11px;padding-right:11px;white-space:nowrap;border-radius:12px;background-color:#c52324;color:#fff;font-size:15px;font-style:normal;text-align:center;text-decoration:none;text-transform:none}
.menupage2:hover{background-color:#e62929;color:#fff}

 Показать / Скрыть текст

<li><a href="/category1" [category=1]class="catsel"[/category]> категория1</a></li>
<li><a href="/category2" [category=2]class="catsel"[/category]> категория2</a></li>

a.catsel {color: #f00;}