Public Property: Selektoren

Beitrag lesen

Hallo Beat!

Vielen Dank für Deine Antwort!

ich muss wohl umdenken. Seltsam, dass es solange perfekt funktioniert, wie ich keine zwei unterschiedlichen Elternklassen verwende :)

Kannst Du mir einen Lösungansatz nennen, wie ich eine vertikal variable Box in der Form:

<div class"Box">
   <div class="Head"></div>
   <div class="Body"></div>
   <div class="Foot"></div>
</div>

mit wechselnden Hintergrundgrafiken versehen kann? Wenn ich mit der Maus über die Box fahre, sollen die Hintergrundgrafiken der drei enthaltenen Ebenen gewechselt werden. Beim Verlassen der Box natürlich auch. Ich wollte vermeiden große Java Scripts einzusetzen, mit denen das zwar ein Kinderspiel wäre, die ich aber nicht gerne in mein CMS einbinden möchte.

Mein oben beschriebener Ansatz hat bei Mouse Over die Klassen der Box verändert:

onmouseover="this.className='Box_Over'" in der Annahme, dass die CSS Anweisung

Box_Over .Head{ background-image...} dann die Hintergrundgrafik des Element mit der Klasse Head verändert. Es funktioniert ja auch, warum eigentlich?