Erstes und letztes Element einer unsortierten Liste ansprechen ( ul & li )
- Erstellt:
- Mittwoch, 11. Januar 2012
- Letzte Bearbeitung:
- Donnerstag, 12. Januar 2012
- Aufrufe:
- 212
- Bewertung:
- Bewerte:
-
- 
- Lesezeichen:
-
0
Antwort
Wie spreche ich das erste und das letzte Element in einer unsortierten Liste ( <ul><li>...</li></ul> ) an??
<html>
<head>
<style type="text/css">
ul li:last-child
{
font-weight:bold
}
</style>
</head>
<body>
<ul>
<li>IE</li>
<li>Firefox</li>
<li>Safari</li>
</ul>
</body>
</html>
Somit wird der letzte Eintrag fett. Wenn es nicht funktionieren sollte - zum Beispiel im IE - dann kann man es mit JavaScript versuchen. Hier mal ein Beispiel um dem letzten Element eine CSS-Klasse "lastchild" anzuhängen.
function highlightLastLI()
{
var liList, ulTag, liTag;
var ulList = document.getElementsByTagName("ul");
for (var i = 0; i < ulList.length; i++)
{
ulTag = ulList[i];
liList = ulTag.getElementsByTagName("li");
liTag = liList[liList.length - 1];
liTag.className = "lastchild";
}
}
Kommentar schreiben