CSS :target
Es war 2016 als ich auf die Pseudoklasse :target gestoßen bin.
Sie wird verwendet, um Zielelement zu formatieren.
Schauen wir uns das mal etwas genauer an:
CSS:
div#myDiv1{display: none;}
div#myDiv1:target{display: block;}
HTML:
<a href="#myDiv1">Zeige Div</a>
Aktuell wird beim Klick auf den Link #myDiv1 an die Adresszeile angehängt und von CSS erkannt. Das jeweilige CSS wird ausgeführt.
Achtung!
Eine URL gefolgt mit z.B. #myDiv1 wird als Ankername interpretiert.
Dies bedeutet, dass innerhalb des HTM-Dokumentes nach dem Anker
mit eben diesem Namen gesucht wird um
dort hin zu navigieren.
Von daher von mir keine Empfehlung
um mit :target zu arbeiten.
Schauen wir uns das mal etwas genauer an:
CSS:
div#myDiv1{display: none;}
div#myDiv1:target{display: block;}
HTML:
<a href="#myDiv1">Zeige Div</a>
Aktuell wird beim Klick auf den Link #myDiv1 an die Adresszeile angehängt und von CSS erkannt. Das jeweilige CSS wird ausgeführt.