Was ist die Funktion und Schreibreihenfolge der Pseudoklasse eines Tags?

Was ist die Funktion und Schreibreihenfolge der Pseudoklasse eines Tags?
Die Rolle der A-Tag-Pseudoklasse:

":link": der Status eines Tags, das nicht besucht wurde;

":visited": der Status, dass ein Tag besucht wurde;

":hover": der Zustand, wenn die Maus über dem A-Tag schwebt;

":active": der Zustand eines Tags, wenn es mit der Maus gedrückt wird;

Warum schreiben Sie Stile in dieser Reihenfolge:

Tatsächlich lautet die Essenz immer noch „Stile mit gleicher Priorität, die später geschriebenen überdecken die davor“. Die Pseudoklasse des a-Tags ist lediglich eine Kombination verschiedener Aktionssequenzen. Die Auslösereihenfolge der Aktionen bestimmt, dass die Reihenfolge der Pseudoklassen gemäß lvha geschrieben werden muss.

Lassen Sie uns kurz über diese vier Pseudoklassen sprechen:

Denn die ersten beiden Zustände sind normal und die letzten beiden sind unmittelbar. Wenn der unmittelbare Zustand ausgelöst wird, überschreibt er den normalen Zustand, daher sollten die beiden unmittelbaren Zustände am Ende platziert werden.

Denn unter normalen Umständen gilt: Wenn ein Tag besucht wurde, sollte es als „besucht“ angezeigt werden, also sollte „besucht“ nach dem Link stehen.

Denn wenn die Maus gedrückt wird, wird beim Schweben ein Etikett angezeigt. Wenn Sie also möchten, dass „Aktiv“ das Schweben überdeckt, müssen Sie „Aktiv“ am Ende einfügen.

Sequentielle Speichertechniken:

LV-Paket

<<:  Implementieren eines Tabellen-Scrollkarusselleffekts durch CSS-Animation

>>:  JavaScript-Dokumentobjektmodell DOM

Artikel empfehlen

Chinesische Parameterbeschreibung und Verwendungsbeispiele für ffmpeg

1. Wenn ffmpeg Videodateien überträgt, können die...

JavaScript zum Erreichen eines einfachen Seiten-Countdowns

In diesem Artikelbeispiel wird der spezifische Ja...

MySQL-Import- und Export-Sicherungsdetails

Inhaltsverzeichnis 1. Detaillierte Erklärung der ...

Docker ermöglicht mehrere Port-Mapping-Befehle

wie folgt: docker run -d -p 5000:23 -p 5001:22 --...

503 Dienst nicht verfügbar Fehlerlösungserklärung

1. Beim Öffnen der Webseite wird die Meldung „503...

Detaillierte Verwendung der MySQL-Funktionen row_number() und over()

Syntaxformat: row_number() über (Partition durch ...

So ändern Sie die Standardspeicher-Engine in MySQL

MySQL-Speicher-Engine: Der MySQL-Server verwendet...

Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.12

Notieren Sie die Installations- und Konfiguration...

Flammenanimation mit CSS3 umgesetzt

Ergebnisse erzielen Implementierungscode html <...