Ich verstehe den Umgang mit der Pseudoklasse target nicht

Hallo, wie schon im Titel beschrieben, verstehe ich nicht, wie ich mit der Pseudoklasse Target umgehen muss. Ich habe versucht ein Aufklappmenü zu erstellen. Das ging leider völlig daneben. Hier im Seminar existiert eine Anleitung dazu: https://www.html-seminar.de/toggle-menue-ohne-javascript.htm Die habe ich nachgebaut und das funktionierte auch einwandfrei. Bei meinem eigenen Projekt funktioniert leider gar nichts. :(

Der hier verwendete Code

<style> #aufklapp_auf{ display: none; } #aufklapp_auf:target { display: block; } </style> <body> <a href="#aufklapp_zu" class="zu">Zu</a> <a href="#aufklapp_auf" class="auf">Auf</a> <nav id="aufklapp_auf"> <li><a>Link 1</a></li> <li><a>Link 2</a></li> <li><a>Link 3</a></li> </nav> </body>