Hallo,
Joop, das ist es, danke.
Aber nur im FF. Der IE5 und Opera machen das mittlere und kleine Quadrat gelb:
Welchen Firefox benutzt du? Meiner reagiert genauso wie IE7 und Opera. Das ist ja auch richtig:
<style type='text/css'>
.bg_rot {background:#f00}
Wirkt auf Elemente mit der Klasse „bg_rot“ und hat eine vergleichsweise niedrige Spezifität.
.bg_gruen{background:#0f0}
Wirkt auf Elemente mit der Klasse „bg_gruen“ und hat eine vergleichsweise niedrige Spezifität.
.bg_rot .bg_gruen{background:#ff0}
Wirkt auf Elemente mit der Klasse „bg_gruen“, die sich innerhalb von Elementen mit der Klasse „bg_rot“ befinden und hat eine hohe Spezifität.
<div style='width:10em; height:10em' class=bg_rot>
Wird Rot (1. Regel).
<div style='width:8em; height:8em' class=bg_gruen>
Wird gelb (letzte Regel).
<div style='width:6em; height:6em' class='bg_rot bg_gruen'>
Wird gelb (letzte Regel).
</div>
</div>
</div>
Wolltest du vielleicht „.bg_rot.bg_gruen“ selektieren? (man achte auf die Anzahl der Leerzeichen ;-))
mfg. Daniel