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

Frage zu benutzerdefinierten Attributen von HTML-Tags

Was ist die Funktion und Schreibreihenfolge der Pseudoklasse eines Tags?

Frage zu benutzerdefinierten Attributen von HTML-Tags

So implementieren Sie die Kommunikation zwischen übergeordneten und untergeordneten Komponenten mit Vue

Mehrere Möglichkeiten, Bilder in React-Projekte einzuführen

So starten und stoppen Sie das Shell-Skript zur Bereitstellung eines SpringBoot-JAR-Programms unter Linux

Verwaltung privater Docker-Repositorys und Löschen von Bildern in lokalen Repositorys

So verbinden Sie Xshell5 mit Linux in einer virtuellen Maschine und beheben den Fehler

Erkennung und Lösung von Vue.$set-Fehlerfallen

Vue implementiert das Methodenbeispiel der Tab-Routing-Umschaltkomponente

Detaillierte Erläuterung des Prinzips und der Praxis der MySQL-Master-Slave-Replikation

Grafisches Tutorial zum Konfigurieren des Nginx-Dateiservers im Windows 10-System

Artikel empfehlen

Ideen und Codes zur Implementierung von Iframes in HTML, um die Aktualisierung der übergeordneten Seite zu steuern

So benennen Sie unter Linux eine Gruppe von Dateien auf einmal um

Mobiles Internet-Zeitalter: Responsive Webdesign ist zum allgemeinen Trend geworden

CSS-Code zum Erstellen von 10 modernen Layouts

Vue implementiert ein einfaches Einkaufswagenbeispiel

Detaillierte Einführung in das benutzerdefinierte Docker-Netzwerk

So führen Sie geplante PHP-Aufgaben in CentOS7 aus

Detaillierte Erklärung der wichtigsten Einzigartigkeit von v-for in Vue

Ein Artikel, der Ihnen hilft, die Vererbung und Prototypenkette von JS zu verstehen

Beispiel für die Bereitstellung von Spring Boot mit Docker

Zusammenfassung gängiger Begriffe in CSS (Cascading Style Sheet)

Die 9 besten ausländischen Websites mit kostenlosem Bildmaterial

JavaScript-Entwurfsmuster – Muster der Verantwortungskette

CentOS7 verwendet RPM-Paket zur Installation von MySQL 5.7.18

CSS Polarkoordinaten Beispielcode