CSS Child Selector (>) funktioniert nicht mit IE

Question

Mar 08, 2010, 05:16 PM

css internet-explorer html css-selectors

CSS Child Selector (>) funktioniert nicht mit IE

Das folgende CSS funktioniert gut unter Firefox, aber nicht unter IE-Browser. Warum?
Wie kann ich auch festlegen, dass nur die Elemente direkt unter dem übergeordneten Element von CSS betroffen sind?

CSS:

.box{font:24px;}
.box>div{font:18px}
.box>div>div{font:12px;}

HTML:

<div class="box">
   level1
   <div>
      level2
      <div> level3</div>
      <div> level3</div>
   </div>
   <div>
      level2
      <div> level3</div>
      <div> level3</div>
   </div>
</div>