Heim  >  Artikel  >  Web-Frontend  >  Was sind die CSS3-Link-Pseudoklassen?

Was sind die CSS3-Link-Pseudoklassen?

青灯夜游
青灯夜游Original
2021-12-09 15:31:592648Durchsuche

Es gibt 5 CSS3-Link-Pseudoklassen, nämlich: 1. „:link“, der den Stil nicht besuchter Links festlegt; 2. „:visited“, der den Stil besuchter Links festlegt 3. „:hover“ „ , legen Sie den Stil fest, mit dem die Maus über den Link bewegt wird. 4. „:active“;

Was sind die CSS3-Link-Pseudoklassen?

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Was sind CSS-Link-Pseudoklassen?

Die CSS-Link-Pseudoklasse ist eine in CSS integrierte Klasse, die ihr einige Features und Funktionen zum Hinzufügen von Spezialeffekten zu Links bietet.

CSS-Link-Pseudoklasse wird verwendet, um Links Spezialeffekte hinzuzufügen.

CSS-Pseudoklassen werden verwendet, um einige Spezialeffekte von Selektoren hinzuzufügen. Sie werden verwendet, um vorhandenen Elementen entsprechende Stile hinzuzufügen, wenn sie sich in einem bestimmten Zustand befinden.

Mehrere Pseudoklassenelemente für Links

  • :link – verwenden Sie dies, um den Stil nicht besuchter Links festzulegen

  • :visited – verwenden Sie dies, um den Stil besuchter Links festzulegen

  • : Hover – wird verwendet, um den Stil des Bewegens der Maus über den Link festzulegen.

  • :active – wird verwendet, um den Stil vom Klicken der Maus auf den Link bis zum Loslassen der Maus festzulegen. Wird verwendet, um den Stil festzulegen, wenn die Tastatur zum Fokussieren auf einen Link verwendet wird (z. B. wenn die Tabulatortaste oder die Auf- und Ab-Tasten zum Verschieben des Seitenfokus verwendet werden). Link, den die Maus überquert hat (bleibt)

    a:link {
        text-decoration: none;
    }
  • Der Link, auf den geklickt wird, die Maus wurde auf das Element gedrückt, aber nicht losgelassen
  • a:visited {
        text-decoration: none;
    }

    Die Farbe, die angezeigt wird, wenn die Maus losgelassen wird, wenn sie den Fokus erhält

    a:hover {
        text-decoration: none;
    }
  • (Lernvideo-Sharing:
CSS-Video-Tutorial

)

Das obige ist der detaillierte Inhalt vonWas sind die CSS3-Link-Pseudoklassen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn