Hover

KonKorT

Lt. Commander
Registriert
Jan. 2004
Beiträge
1.590
Hallo,

Habe ein Problem was Hover betrifft. Also mein Ziel ist es , dass wenn man auf die Hyperlinks meiner Seite geht, (www.hardware-infos.com) das sie dann unterstrichen werden.

Ich habe in der style.css für die Hyperlinks den Namen:

A.inhalt:link

A.inhalt:visited

Doch das Unterstreichen stellt man ja mit dem "Hover" ein, denn ich will ja das nur wenn man drüber geht die Hyperlinks unterstrichen sind.

So sieht bisher mein Hover aus:

A:hover{
COLOR: #AFAFAF;
TEXT-DECORATION: none;
}

Doch der Hover bezieht sich immer nur auf meine Buttons, also wenn ich "underline" durch "none" ersetze klappt das auch, aber eben nur mit den Hyperlinks der Buttons.

Ich will also wissen, wie man es einstellt das ein Hover (ich würde dann einen neuen anlegen) sich ausschließlich auf die Hyperlinks stützt
 
wieso hast du bei link und visited
A.inhalt:link

A.inhalt:visited

und bei hover nur a: hover? wenn die links aus a.inhalt diesen hover effekt haben sollen musste auch A.inhalt:hover deklarieren.
 
Du hast ziemlich am Anfang a.inhalt:hover stehen, und dann später das allgemeine a:hover, welches ersteres (deswegen "cascading style sheets") wieder überschreibt.

Also erst a:hover definieren, und danach a.inhalt:hover.
 
Schreib/definier mal nur

a.inhalt

und

a.inhalt:hover

Lass :visited und :link einfach mal weg.

PS: Ich wusste garnicht, das man die Selektoren auch so schreiben kann.
Entspreucht dieser Schreibweise

.inhalt a
.inahlt a:hover

usw. oder wirkt sich diese Schreibweise anders aus?
 
Zuletzt bearbeitet:
Habs selbst so ausprobiert und es hat funktioniert.

Angaben wie a.inhalt:hover sind afaik korrekt, a:hover.inhalt sollte dagegen nicht funktionieren...

/edit
Die Reihenfolge :link, :visited, :hover, :active muß ebenfalls eingehalten werden, so dass durch das Cascading-Prinzip nichts überschrieben wird.
 

Anhänge

  • test.png
    test.png
    92,7 KB · Aufrufe: 239
Zuletzt bearbeitet:
Zurück
Oben