last-child und nth-child mit IE7 und IE8
Ok, also muss ich eine Hintergrundfarbe hinzufügen der letzten Zeile, in der alle Tabellen mit Ausnahme der letzten Tabelle, wo ich hinzufügen müssen, um eine Hintergrundfarbe aus, die letzten drei Zeilen.
table tbody tr:last-child
table:last-child tbody tr:nth-last-child(-n+3)
Wie mache ich diese Arbeit im IE7 und IE8?
Vorzugsweise eine CSS-Lösung. Wird eine Lösung wie Modernizr dieses Problem lösen? Ich möchte nicht auf travers der dom mit jQuery und hinzufügen von benutzerdefinierten Klassen/styles mit meinem eigenen Skript.
- Haben Sie in Betracht ziehen, die letzten 3 Zeilen in einer
<tfoot>
element?
Du musst angemeldet sein, um einen Kommentar abzugeben.
kurze Antwort: Nein, um eine css-Lösung;
modernizr ist nicht zu geben, die css-engine, die in alten ie mehr features. Ihre beste Wette ist, um entweder a) Klassen hinzufügen, um die Zeilen, die Sie wollen Stil anders oder b) Mach es mit javascript. Wenn Sie die Generierung der Tabellen dynamisch (mit php, zum Beispiel), dann das hinzufügen von Klassen dort einfacher ist.
CSS-Lösung nicht möglich, sind Sie den Umgang mit Browsern, die sind viel zu alt. Auf der anderen Seite, müssen Sie nicht Ihr eigenes Skript als Selectivzr gerade diese, oder alternativ die all-in-one-Lösung, ist IE9.js (behebt eine Tonne von anderen IE-bugs, nicht nur neue Selektoren).