✔ Klassenhirachie?

[wachteldonk]

Ich habe folgenden Code

		<div id="mainmenu" style="padding-left;20px">
			<a class="on" title="Login" href=""Login</a>
</div></div>

Wiwe kann ich das ganze per css ansteuern?

Mit

.mainmenu.on{}

scheint es nicht zu funktionieren?!

 

[Maik]

Hi,

das kann auch nicht funktionieren, wenn du im div-Element die ID #mainmenu deklarierst, und im CSS-Selektor die Klasse .mainmenu nennst, denn so ergibt es in dem Selektor für Nachfahren keine Übereinstimmung, und folglich greift die Regel für die Klasse .on nicht.

Entweder wandelst du im Stylesheet die Klasse in eine ID um:

#mainmenu a.on { }

oder du tauscht im HML-Code das id-Attribut gegen class aus:

<div class="mainmenu" style="padding-left;20px">
			<a class="on" title="Login" href="">Login</a>
</div>

Und schliesse in deinem Quellcode den <a>-Tag noch ordnungsgemäß mit der schliessenden >-Klammer.

mfg Maik