<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Listengestaltung mit Pseudoklassen :first-child und :last-child - 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. Listengestaltung mit Pseudoklassen :first-child und :last-child." />
<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:nth-child(2n+0) {
background: orange;
}
-->
</style>
</head>
<body>
<h1>Workshop Internet-Präsenz</h1>
<h2>Listengestaltung mit Pseudoklassen :first-child und :last-child - Cascading Style Sheets</h2>
<p>In der nachfolgenden Liste sind der erste und
(möglicherweise) der letzte Eintrag farbig
hervorgehoben.</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>
<p>Dieses Beipsiel funktioniert nicht im Internet Explorer 6,
da die Pseudoklassen :first-child und :last-child nicht
implementiert sind. Dieses Featurem lässt sich mit einem
<a href="fr_css_ie_child.html" target="_top">Workaround</a>
nachbilden (allerdings ist er nicht normenkonform).</p>
</body>
</html>