✔ Mouseover Link in einer Klasse

[Gregor_07]

Ahoi,

ich möchte auf einer Seite, dass bestimmte Links mit einem Mouseover (Farbwechsel) versehen werden, aber eben nicht alle!

Ich habe dazu Folgendes:

<style type="text/css">
<!-- 
.Menulinks
a{font-size:12pt;:text-decoration:none;font-weight : bold;}
a:link { text-decoration:none; font-weight:bold; color:#000000; }
a:visited { text-decoration:none; font-weight:bold; color:#000000; }
a:hover { text-decoration:none; font-weight:bold; color:#00FFFF;}
a:active { text-decoration:none; font-weight:bold; color:#00FFFF;} 
-->
</style>

Die Links wurden dann entsprechend zwischen

<div class="Menulinks">...</div>

eingefügt und das funktioniert auch. Nur leider beschränkt sich der Mouseover nicht auf die Links innerhlab der div-Tags, sondern auf sämtliche Links.

Was mache ich falsch?

Schonmals vielen Dank!

 

[Maik]

Hi,

die Klasse .Menulinks des übergeordneten Elements wird vor jedem Nachfahren-Element, in diesem Fall vor jeder Pseudoklasse, genannt.

Elemente mit gleichen Formateigenschaften lassen sich auch gruppieren:

.Menulinks a{font-size:12pt; text-decoration:none; font-weight:bold; }
.Menulinks a:link, .Menulinks a:visited { color:#000000; }
.Menulinks a:hover, .Menulinks a:active { color:#00FFFF; }

 

[Gregor_07]

Perfekt, Vielen Dank!! =)