<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Nachbildung der Pseudoklassen :first-child und :last-child beim Internet Explorer - Cascading Style Sheets - Workshop Internet-Präsenz</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="DE" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta name="description" content="Übung Cascading Style Sheets. Nachbildung der Pseudoklassen :first-child und :last-child beim Internet Explorer." /> <meta name="keywords" content="HTML, Cascading Style Sheets" /> <meta name="author" content="Roland Unger" /> <style type="text/css"> <!-- li:first-child { background: yellow; } li:last-child { background: cyan; } li { background: expression((this.parentNode.firstChild == this)? "yellow" : (this.parentNode.lastChild == this)? "cyan" : "white" ); } --> </style> </head> <body> <h1>Workshop Internet-Präsenz</h1> <h2>Nachbildung der Pseudoklassen :first-child und :last-child beim Internet Explorer - Cascading Style Sheets</h2> <p>In der nachfolgenden Liste sind der erste und (möglicherweise) der letzte Eintrag farbig hervorgehoben.</p> <p>Der Workaround nutzt die Möglichkeit beim Internet-Explorer, Ausdrücke (expressions) einzusetzen. Dieses Feature ist allerdings <strong>nicht</strong> normenkonform. In unserem Beispiel ist in die erste Fallentscheidung (firstChild) eine zweite Fallentscheidung (lastChild) in den false-Zweig eingebaut.</p> <ol> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> </ol> <p>Die Pseudoklasse :last-child wird momentan nur von Mozilla bzw. Firefox unterstützt.</p> </body> </html>