Ahoi,

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

Ich habe dazu Folgendes:

HTML-Code:

<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

HTML-Code:

<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!

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:

Code :

1 2 3

.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; }

Perfekt, Vielen Dank!! =)