D.R.: danke - aber ...

Beitrag lesen

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