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
Hier ist mein HTML - Code
<body>
<a href="#aufklapp_zu" class="zu">Zu</a>
<a href="#aufklapp_auf" class="auf">Auf</a>
<nav id="aufklappmenu">
<li><a>Link 1</a></li>
<li><a>Link 2</a></li>
<li><a>Link 3</a></li>
</nav>
</body>
Und hier der CSS - Code
html {
font-family: Arial, sans-serif;
}
body {
}
#aufklappmenu {
display: none;
}
#aufklapp_auf, #aufklappmenu:target {
display: block;
}
#aufklapp_zu, #aufklappmenu:target {
display: none;
}
Wie man sieht habe ich nicht vertstanden wie man die Pseudoklasse target korrekt einsetzt.
Deshalb wäre ich dankbar wenn mir jemand erklären würde, wie es richtig gemacht wird. Besonders wichtig ist mir, dass ich verstehe wo meine Fehler sind und ich den richtigen Einsatz von taget begreife.
Danke für's Lesen