CSS Kind-Selektor (>) funktioniert nicht mit IE

Den folgenden CSS funktioniert auch unter firefox aber nicht unter IE-browser, Warum?

Auch, wie kann ich nur die Elemente, die sich direkt unter dem übergeordneten element beeinflusst werden, indem CSS?

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>
InformationsquelleAutor Geln Yang | 2010-03-08
  1. 18

    Internet Explorer unterstützt das Kind-Selektor (>) seit der version 7, aber nur im Standards-Modus. Stellen Sie sicher, dass Sie mit ein Doctype, der Trigger-standards-Modus.

    Wenn Sie auf IE6 dann sind Sie kein Glück. Sie müssen entweder davon abhängen, JS oder verwenden Nachfahren-Selektoren. 

    a>b { foo }

    wird

    a b { foo }
a * b { reverse-of-foo }
    • Sorry wiederauferstehen zu lassen, aber ich bin an einem Verlust mit der reverse-of-foo Teil 😛
    • die a b Regel deklarieren Sie Eigenschaften, bestimmt für die Nachkommen; a * b Regel sollte erklären, Eigenschaften über-Reiten der Regel oben.
    InformationsquelleAutor Quentin
  2. 1

    Den Kind-Selektor gar nicht unterstützt wird von IE6 und nur teilweise von IE7.

    Quirksmode.org: Kind-Selektor

    "CSS-Kompatibilitäts-Tabellen

    gibt es leider keine Möglichkeit, dies zu tun, außer zu "un-declate" die Definitionen für alle Enkel.

    InformationsquelleAutor Pekka supports GoFundMonica
  3. -2

    Ich kann mich irren über das, was Sie suchen, aber das ist, wie ich es angehen Ihr problem:

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

    Dieser funktioniert für Sie Beispiel, sich jedoch dessen bewusst sein, dass, wenn Sie ein anderes .box mit div ' s in it Sie werden ebenso betroffen sein.

    InformationsquelleAutor Montana Flynn
Schreibe einen Kommentar