Ab und an benötigt man den CSS3 Befehl „:last-child“ um z.B. background Grafiken am Ende einer Liste zu ändern. Doch hat der Internet Explorer damit seine Probleme. Hier eine Lösung wie er im IE funktioniert:
JavaScript Funktion:
$(function(){
$("#lang ul li:last-child").css("background","url(fileadmin/templates/img/lang_bg_01.png) no-repeat top right");
});Hier eine kleine JavaScript Funktion die z.B. am Ende einer LI-Liste einen Inline-Style einbindet.
Wer eine Class einbinden möchte, der kann dies mit diesem Code umsetzen:
$(function(){
$("#lang ul li:last-child").addClass('last-child');
});Beide JavaScript-Möglichkeiten funktionieren. Wer andere Wege kennt, kann diese gerne hier posten! Danke
Ursprünglich erschienen am 22.04.2012 auf typo3-probleme.de.