Problem zu selektieren

[Auge]

Hallo

irgendwie komme ich mit den verschiedenen Selektoren in css noch nicht richtig zurecht. Wie kann ich die Klassen "aktiv" für folgende HTML-Konstruktion "ansprechen":

<div id="haupt-navigation">
<ul class="navigation">
<li><a href="#">Punkt 1</a></li>
<li><a href="#" class="aktiv">Punkt 2</a></li>
<li><a href="#">Punkt 3</a></li>
<li><a href="#">Punkt 4</a></li>
</ul>
</div>

  
~~~css
.aktiv {}  
a.aktiv {}  
.navigation .aktiv {}  
.navigation a.aktiv {}  
ul.navigation a.aktiv {}  
ul.navigation li a.aktiv {}

Wobei sich die Frage stellt, warum der Menüpunkt der gerade geladenen Seite überhaupt ein Link sein muss.

Tschö, Auge