:last-child pseudo-class-Selektor in CSS und Internet Explorer

Ich habe den folgenden code:

ul.myList li{
     border-right: 1px dotted #000;
}

Jedoch auf das Letzte element, das ich entfernen müssen, die Grenze für das design, ich arbeite aus diktiert, dass das Letzte Element nicht erforderlich, eine Grenze als Trennzeichen.

So, ich muss den Gegner das Letzte Kind einer Liste, und so in meiner css habe ich Hinzugefügt,

ul.myList li:last-child{
     border-right: none;
}

Die, wie wir alle wissen, funktioniert gut in Firefox, Safari und Chrome.

Liegt das problem, wenn wir die Seite im Internet Explorer 6 bis 8.

InformationsquelleAutor Ant Ali | 2010-09-24

  1. 11

    So, nach einiger Graben um, fand ich die Antwort:

    Wenn der browser IE<8, geben Sie ein stylesheet wie dieses:

    <!--[if lt IE 8]>
<link  href="css/ie_all.css" type="text/css" />
<![endif]-->

    Und innerhalb Ihrer IE-stylesheet angeben, die folgenden Regeln:

    ul.myList li{
     border-right: expression(this.nextSibling==null?'none':'inherit');
}

    Den nextSibling Ausdruck sieht nach, ob es ein element nach und wenn es ist, erbt die angegebene Regel in der Standard-stylesheet, wenn es nicht passt noch eine neue Regel.

    Mehr Informationen finden Sie hier

    +1 Es ist schrecklich, aber es könnte funktionieren. Plus auch von mir für Ihr kommen mit einer praktikablen Lösung für den IE. (Und minus eine million Punkte für den IE für uns hacks, wie dies in den ersten Platz). Darauf hinzuweisen, dass IE9 (derzeit in beta) unterstützen können, so können Sie anpassen wollen [if IE] werden für den IE8 oder niedriger nur.
    Danke für die Antwort, ich war nicht 100%, wenn der IE 9 wäre ihn zu unterstützen. Ich passe meinen post zu reflektieren, die für IE 8 und unten.
    IE9 WIRD es unterstützt, laut Ihrer eigenen Dokumentation.. Jedoch zuverlässig das ist.
    Ihre doucmentation ist in der Regel absolut zuverlässig. Es ist nur Ihre definition von 'support' und 'umgesetzt', die gelegentlich vage und unvollständig.
    Völlig einig.

    InformationsquelleAutor Ant Ali

  2. 2

    IE8< unterstützt nicht dieses pseudo-Selektor. Überprüfen Sie die MSDN-Artikel für alle unterstützten Funktionen 🙂

    Könnten Sie werfen Sie einen Blick auf das jQuery-Lösung Aktivieren pseudo-Selektoren im IE, oder einfach lassen, wie es ist im IE.

    InformationsquelleAutor Kyle

  3. 2

    Als Internet Explorer vor version 9 (die ist noch in der Entwicklung) nicht unterstützt :last-child - Selektor auf alle, meine beste Lösung, leider, wäre, um eine Klasse oder id auf das Letzte element in der Liste und versuchen Sie es zu wählen.

    Natürlich, wenn Sie die Rechte Grenze für den IE wird nicht brechen, auch das layout komplett ist, möchten Sie vielleicht lassen Sie Ihren code wie es ist, wenn Sie nichts dagegen haben, DH Schrauben ist Rendern nur ein wenig.

    InformationsquelleAutor Delan Azabani

  4. 1

    Können Sie dies mit jQuery. Also, anstatt sich auf CSS. Die jQuery-Selektoren, um die Eigenschaft Ihrer letzten element. Ich verstehe, dass u havent tagged Ihre Frage mit.

    jQuery('ul.myList li:last-child').css("Key","value");

    InformationsquelleAutor sushil bharwani

Schreibe einen Kommentar