Mit der Hinzuf�gung von CSS, k�nnen Javascriptverbindungen vergessen werden. In HTML w�rde die einzige Weise, diesen Effekt zu addieren sein, Javascript zu verwenden,

CSS Anker-/Verbindung Zust�nde

Du kannst nicht ihn kennen, aber eine Verbindung hat vier unterschiedliche Zust�nde, da� sie innen sein kann. Um jeden Zustand besonders anzufertigen, wird CSS verwendet. Auf die folgenden Schl�sselw�rter bitte sich beziehen, dieses, das jedes einem spezifischen Zustand entsprechen:

Verbindung - dieses ist eine Verbindung, die nicht verwendet worden ist, noch ist ein M�usezeiger, der �ber ihm schwebt
besucht - dieses ist eine Verbindung, der vor verwendet worden ist, aber hat keine Maus auf ihm
Schwebeflug - dieses ist eine Verbindung hat z.Z. einen M�usezeiger, �ber it/on zu schweben es
aktiv - dieses ist eine Verbindung, die bei geklickt werden ist

Du kannst ein unterschiedliches jeder nach dieser Zust�nde mit CSS suchen lassen, aber am Ende dieser Lektion schlagen wir eine gute Praxis f�r CSS Verbindungen vor.

CSS Pseudo-Kategorien

was du gesehen hast, ist ein wenig unterschiedliches als das Format f�r CSS Verbindungen. Du mu�t die folgende CSS Codeformatierung verwenden, um diese 4 Zust�nde zu �ndern

CSS Code

a:(STATE'S NAME) { attribute: value; }

Wie das HTML Element erscheinen sollte, abh�ngig von dessen Zustand er innen ist, ist der Name des Zustandes, der �genannt wird, Pseudokategorie� uesd. Unter ist ein Beispiel des �nderns des �Verbindung�, �besucht� und �Schwebeflug� Zustandes. Die Anmerkung, zum einer arbeitenden CSS Verbindung, der Auftrag, da� sie, definiert werden, ist es zu bilden die korrekte Einrichtung.

CSS Code

a:link { color: red; }
a:visited { color: red; }
a:hover { color: blue; }

CSS Code

<a href="">This is a special CSS Link</a>!

Die Zust�nde m�ssen im korrekten Auftrag definiert werden. Ist hier der Auftrag, beginnend mit dem, den du zuerst definieren mu�t:

besucht

aktiv

Entfernen der R�ckstellung Unterstreichung

W�hrend academic-tutorial.com hast du vermutlich die unterschiedlichen Arten beachtet, die wir f�r bestimmte Verbindungen haben. Es sei denn du schwebst, haben unseres Men�s nicht eine Unterstreichung, w�hrend die Verbindungen in unserem Hauptinhalt Unterstreichungen haben. Gebrauch Textdekoration: keine, die Unterstreichung von bestimmten Zust�nden eines Hypertext-Links zu entfernen.:

CSS Code

a:link { color: red; text-decoration: none; }
a:visited { color: red; text-decoration: none; }
a:hover { color: blue; }

Ein Beispielbeispiel

Die Zust�nde eines Hypertext-Links, unterhalb des Beispielbeispiels manipulieren, die viele Formen von CSS benutzen

CSS Code

a:link {
color: white;
background-color: black;
text-decoration: none;
border: 2px solid white;
}

a:visited {
color: white;
background-color: black;
text-decoration: none;
border: 2px solid white;
}

a:hover {
color: black;
background-color: white;
text-decoration: none;
border: 2px solid black;
}

Die follwing Tabelle beschreiben die Pseudo-Kategorie und seinen Zweck:

Pseudo-class	Purpose
:active	Adds special style to an activated element
:focus	Adds special style to an element while the element has focus
:hover	Adds special style to an element when you mouse over
:link	Adds special style to an unvisited link
:visited	Adds special style to a visited link
:first-child	Adds special style to an element that is the first child of some other element
:lang	Allows the author to specify a language to use in a specified element