Ich habe hier bei CSS: active Selector gesucht.
Der: aktive Selektor formatiert Links zu aktive Seiten
Das hat mich zum Nachdenken gebracht, was zum Teufel ist eine 'aktive Seite' in der HTML / CSS-Terminologie ...
An dieser Stelle ging ich zum w3docs Abschnitt: 5.11.3 Die dynamischen Pseudoklassen:: hover,: active und: focus.
Die: aktive Pseudoklasse gilt while ein Element wird von der aktiviert Benutzer. Zum Beispiel zwischen den Zeiten der Benutzer drückt die Maustaste und gibt es frei.
Also habe ich eine der w3shools-Seiten versucht und hack mir ein Beispiel zurecht, das ersetzt der folgende Code, den Sie einfach schneiden können & amp; einfügen und versuchen.
%Vor%Das Formularfeld funktioniert für: Fokus. Aber der Button oder die Links funktionieren nicht für: active.
Warum ist das? Gibt es etwas über 'aktive Seite'? Ich verstehe nicht, dass w3schools darüber gesprochen hat.
Ich sah dies nett Trinkgeld beim Googeln dafür, aber ich denke nicht, dass es verwandt ist.
Es gibt kein Konzept für "aktive Seite" in CSS. Die SitePoint-Referenz entlarvt dies, indem sie sagt:
Die Pseudoklasse macht nicht einen Link zur aktiven oder aktuellen Seite - das ist ein häufiges Missverständnis unter CSS-Anfängern.
Was die Spezifikation sagt, ist richtig: :active formatiert einfach Elemente, die aktiviert sind , z. geklickt (wie in dem Beispiel angegeben) oder auf eine andere Weise ausgelöst, so dass der Browser beginnt, zum Ziel der Verknüpfung zu navigieren.
Beachten Sie, dass dies nicht nur für <a> elements gilt; Es kann auf alle Nicht-Formular-Eingabeelemente angewendet werden, auf die geklickt wurde. Zum Beispiel können Sie dies tun:
Und jeder Absatz, auf den Sie klicken, blinkt rot.
Beachten Sie jedoch, dass die genaue Definition und Implementierung dem Browser überlassen bleibt, aber allgemein , Sie können sich darauf verlassen, dass <a> Elemente einen aktivierten Zustand haben.
:active ist der Stil, der einem Element ( a oder eine Schaltfläche zum Beispiel) gegeben wird, wenn die Maus darüber gehalten wird. Sie haben es möglicherweise auf einigen Websites sichtbar gesehen, wenn Sie auf eine formatierte Schaltfläche klicken. Wenn Sie tatsächlich auf die Schaltfläche klicken, kann sich dies ändern. Dies ist die Pseudo-Klasse :active .
Ich habe immer :active für Links verwendet. In Sekundenbruchteilen, bevor der Browser Sie zu der Seite führt, auf die Sie gerade geklickt haben, ändert sich der Text in die Farbe, die Sie in a:active{ ... }
Beispiel:
%Vor%Die meisten Browser unterstützen es, aber es lohnt sich nicht, es zu stylen. Am Tag der 56k-Einwahl war es schön, visuell zu zeigen, dass der Link, auf den der Benutzer geklickt hat, geladen wurde.
Tags und Links css pseudo-class css-selectors