---
title: "Internet Explorer – :last-child Debug Fix"
url: "https://www.typo3.net/d/900551-internet-explorer-last-child-debug-fix"
source: "typo3.net"
tags: ["Artikel","Tipp"]
created: "2012-04-22"
last_reply: "2012-04-22"
replies: 0
solved: false
page: 1
pages: 1
lang: "de"
---

# Internet Explorer – :last-child Debug Fix

Artikel · 0 Antworten · gestartet 2012-04-22

## Eröffnungsbeitrag

**Sebastian Schmal** · 2012-04-22 · [Beitrag #1](https://www.typo3.net/d/900551-internet-explorer-last-child-debug-fix/1)

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:**

```javascript
$(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:

```javascript
$(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.*

---

Quelle: „Internet Explorer – :last-child Debug Fix“, typo3.net, https://www.typo3.net/d/900551-internet-explorer-last-child-debug-fix
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.