Schriftfarbe bei Links dem Browser gleichgültig?!

[tester]

hallo!
hab standard schriftfarben für links eingestellt durch a{}.
nun will ich für links, die die klasse test2 verwenden, andere einstellungen verwenden:
.test2
{
        padding-left:25px;
font-height:19px;
color: #422100;
text-decoration: none;
}

leider wird weder die farbe, noch die untersagte decoration oder zumind. die höhe verwendet :-(
was ist falsch?
danke

[Gunther]

Hallo!

hab standard schriftfarben für links eingestellt durch a{}.
nun will ich für links, die die klasse test2 verwenden, andere einstellungen verwenden:

Hast du schon Mal da geguckt?

link_visited_hover_active_focus

Gruß Gunther

[tester]

hab gedacht, das ohne hover etc, also nur .test2{} hat dann die standard einstellungen.

[Gunther]

hab gedacht, das ohne hover etc, also nur .test2{} hat dann die standard einstellungen.

Du solltest die Angaben dann aber auch auf das a-Element beziehen, also

a.test2 {...}

und zur genaueren Unterscheidung der Links kannst du dann die Pseudoklassen (s. anderes Posting) verwenden.

Gruß Gunther

[Gunnar Bittersmann]

Gunther,

Du solltest die Angaben dann aber auch auf das a-Element beziehen, also
   a.test2 {...}

Tut er ja – mit .test2 genauso.

und zur genaueren Unterscheidung der Links kannst du dann die Pseudoklassen (s. anderes Posting) verwenden.

s. anderes Posting

Gunnar

[Gunther]

Gunnar,

Du solltest die Angaben dann aber auch auf das a-Element beziehen, also
   a.test2 {...}

Tut er ja – mit .test2 genauso.

macht er mit '.test2' u.a.! Mein Satz ist auch mehr als Empfehlung gedacht gewesen, denn als zwingend erforderlich.

IMHO haben es Anfänger (und das unterstelle ich einfach mal aufgrund der Frage) einfacher, wenn sie nicht gleich 'allgemeingültige' Klassen erstellen, sondern sie lieber auf das gewünschte Element eingrenzen.

Außerdem wird eine eventuelle Fehlersuche erschwert, man beeinflusst evt. ungewollt die Vererbung von Eigenschaften, etc..

Vom Grundsatz her hast du natürlich Recht.

Gunnar

Gruß Gunther

[MudGuard]

Hi,

Du solltest die Angaben dann aber auch auf das a-Element beziehen, also
   a.test2 {...}

Tut er ja – mit .test2 genauso.

Nein, nicht genauso.

Erstens sind ggf. andere Elemente betroffen (falls es andere Elemente gibt, die dieselbe Klasse haben).
Zweitens ist die specificity des Selektors .test eine andere als die des Selektors a.test

a.test hat insbesondere dieselbe specificity wie a:link bzw. a:visited, kann also evtl. im browserinternen Stylesheet vorhandene Deklarationen für a:link / a:visited überschreiben, wohingegen .test das nicht kann, da die specificity niedriger ist.

cu,
Andreas

[Gunnar Bittersmann]

MudGuard,

Erstens sind ggf. andere Elemente betroffen (falls es andere Elemente gibt, die dieselbe Klasse haben).

Das erschien mir so selbstverständlich, dass ich das gar nicht für erwähnenswert befunden hatte.

Zweitens ist die specificity des Selektors .test eine andere als die des Selektors a.test

Das erscheint mir selbstverständlich erwähnenswert.

Gruß,
Gunnar

[Dennis]

Hi tester,

hab standard schriftfarben für links eingestellt durch a{}.

Das heißt eigentlich a:link, a:visited, a:hover und a:active.

nun will ich für links, die die klasse test2 verwenden, andere einstellungen verwenden:
.test2
{
        padding-left:25px;
font-height:19px;
color: #422100;
text-decoration: none;
}

Haben wirklich die Links selber diese Klasse? Oder hast du z.B. so etwas vorliegen:

<p class="test2"><a href="#">Link</a></p>

Dann wäre es nämlich klar, dass deine Einstellungen für den Link nicht gelten.

Ansonsten probier mal: a.test { } bzw. a:link.test { }.

leider wird weder die farbe, noch die untersagte decoration oder zumind. die höhe verwendet :-(

Du weißt, dass du Höhe und Breite nur für Block-Level Elemente definieren kannst?

MfG, Dennis.

[Gunnar Bittersmann]

Dennis,

Das heißt eigentlich a:link, a:visited, a:hover und a:active.

Es ist sicher nicht sinnvoll, besuchte und unbesuchte Links gleich aussehen zu lassen, aber a gilt halt für alle a-Elemente. Wenn das gewünscht ist, ist a:link etc. nicht notwendig.

Ansonsten probier mal: a.test { } bzw. a:link.test { }.

.test2 ist für <a class="test2"> genauso gut wie a.test2

Gunnar

[Gunnar Bittersmann]

tester,

Kann den Fehler nicht nachvollziehen. Steckt er evtl. in Codeabschnitten, die du uns verheimlichst?

Gunnar

[Detlef G.]

Hallo tester

hab standard schriftfarben für links eingestellt durch a{}.

Nur durch a{} oder auch durch a:link, a:visited usw.?

font-height:19px;

Was ist denn das? Meinst du font-size oder line-height?

Auf Wiederlesen
Detlef