a:link:hover,a:visited:hover unter id funkt nicht

[Dirk]

'n Abend (oder guten Morgen, je nachdem),

vor ein paar Tagen habe ich hier im Forum

a:link:hover,a:visited:hover {}
a:link:active,a:visited:active {}

kennengelernt, damit wirklich nur links angesprochen werden.

Um die nur innerhalb eines id-Bereichs zu benutzen, wollte ich

div#content a:link:hover,a:visited:hover {}
div#content a:link:active,a:visited:active {}

schreiben.

Nur, in Mozilla funzt das nicht so ganz.
Sobald die Linkdefinitionen nur innerhalb einer Klasse oder ID funktionieren sollen, wird der Teil hinter dem Komma ignoriert.
Bug oder Feature?

Bye,
Dirk

[Kai Lahmann]

hi

div#content a:link:hover,a:visited:hover {}

das zweite heißt ja nur "a:visited:hover", also NICHT nur immerhalb des #content. Außerdem wird wohl die Priorität der Angabe damit gesenkt -> schon wird das von irgendwas anderem überschrieben...

Grüße aus Bleckede

Kai

[Dirk]

Hallo Kai,

div#content a:link:hover,a:visited:hover {}

das zweite heißt ja nur "a:visited:hover", also NICHT nur immerhalb des #content. Außerdem wird wohl die Priorität der Angabe damit gesenkt -> schon wird das von irgendwas anderem überschrieben...

Argh, so ist das.
Da hatte ich die Notationsregeln nicht verstanden.
Ich dachte, alles hinter dem Blank ist eine Liste von Tags die für die ID/die Klasse gelten.

Also so geschrieben und es gibt kein Problem mehr
div#content a:link:hover,div#content a:visited:hover

Danke für den Zaunpfahl.

Gruß,
Dirk

[Christoph Schnauß]

morgens,

du kannst mit

a.menu:link {irgendwas}

eine Klasse definieren. Wenn du dann innerhalb deines DIV eine Verknüpfung mit

<a href="irgendwas" class="menu">

erstellst, funktioniert das wie gewünscht.

Grüße aus Berlin

Christoph S.