CSS Definition nicht auf alle Links anwenden

Computer: Software & Programmierung HTML & CSS
#1

Hallo,

ich habe mit folgendem Code im head-Bereich die Eigenschaften von Links auf meiner Seite definiert.

A:link {
COLOR: #000000; TEXT-DECORATION: none; FONT-STYLE: normal
}
A:visited {
COLOR: #0762B3; TEXT-DECORATION: none; FONT-STYLE: normal
}
A:active {
COLOR: #0762B3; TEXT-DECORATION: underline overline; FONT-STYLE: normal
}
A:hover {
COLOR: #0762B3; TEXT-DECORATION: overline underline; FONT-STYLE: normal
}

Nun hätte ich aber gerne auf der Seite zwei Links, die ganz normal funktionieren und nicht von den CSS Vorgaben gesteuert werden. Wie kann ich dies realisieren?

Danke

Grüße
Pfanni

#2

A:link {
COLOR: #000000; TEXT-DECORATION: none; FONT-STYLE: normal
}
A:visited {
COLOR: #0762B3; TEXT-DECORATION: none; FONT-STYLE: normal
}
A:active {
COLOR: #0762B3; TEXT-DECORATION: underline overline;
FONT-STYLE: normal
}
A:hover {
COLOR: #0762B3; TEXT-DECORATION: overline underline;
FONT-STYLE: normal
}

Nun hätte ich aber gerne auf der Seite zwei Links, die ganz
normal funktionieren und nicht von den CSS Vorgaben gesteuert
werden. Wie kann ich dies realisieren?

A.link2:link {};
A.link2:visited {};
A.link2:active {};
A.link2:hover {};

Dann musst du bei den Links, die anders aussehen sollen die Klasse definieren
Linkbeschriftung

sollen die „normalen“ Links funktionieren wie der User sie im Browser eingestellt hat, lässt du das
„A:link {};“ einfach weg…

Grüsse
hEll

#3

A.link2:link {};
A.link2:visited {};
A.link2:active {};
A.link2:hover {};

Dann musst du bei den Links, die anders aussehen sollen die
Klasse definieren
Linkbeschriftung

vielen vielen Dank.
Das hat prima funktioniert :smile:
Jetzt bin ich wieder einen großen Schritt weiter mit der Seite.

Grüße
Pfanni