<!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&auml;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="&Uuml;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;
  }
  /* nth-child bisher nirgends implementiert */

 -->
 </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>