Axel Richter: :hover geht bei Links nur ohne href-Attribut ?

Beitrag lesen

Hallo,

So:
#################
.ch_ta:hover
{
color:#FFFFFF;
}

.ch_ta:link, .ch_ta:visited
{
color:#000000;
}
#################

Warum funktioniert der Effekt (im Opera) nur bei denen Links, die _kein_ href-Attr. haben?

Weil diese, die _kein_ href-Attribut haben, nicht Link-besucht (visited) bzw. Link-nicht-besucht (link) sein können.

Die anderen können aber zeitgleich die Eigenschaften visited (Link war bereits besucht) bzw. link (Link war noch nicht besucht) _und_ hover (Maus steht drüber) haben. Beide Selectoren treffen also zu. Dann greift der zuletzt festgelegte Selector, also .ch_ta:link, .ch_ta:visited.

Ändere die Reihenfolge, so dass :hover zuletzt steht.

viele Grüße

Axel