Adjacent Combinators - Quelltext - Cascading Style Sheets

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 <title>Adjacent Combinators - 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 Sheet. Direct adjacent combinators." />
 <meta name="keywords" content="HTML, Cascading Style Sheet, adjacent combinators" />
 <meta name="author" content="Roland Unger" />

 <style type="text/css">
 <!--

  p {
    text-indent: 2em;
  }

  h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {
    text-indent: 0px;
  }

  h3 + p + p {
    color: red;
  }

  h3 + p + p + p {
    color: green;
  }

  .negativ {
    text-indent: -2em;
    padding-left: 2em;
  }

 -->
 </style>

</head>

<body>

<h2>Workshop Internet-Präsenz</h2>

<h3>Adjacent Combinators - Cascading Style Sheet</h3>

<p>Dieser Absatz folgt unmittelbar einer Überschrift, die erste Zeile ist nicht
eingerückt. Dieser Absatz folgt unmittelbar einer Überschrift, die erste Zeile
ist nicht eingerückt. Beachten Sie, dass der Internet Explorer Adjacent Combinators
nicht unterstützt.</p>

<p>Dieser Absatz folgt nicht unmittelbar einer Überschrift, die erste Zeile ist
eingerückt. Als zweiter Absatz wird er in Rot geschrieben.</p>

<p>Dieser Absatz folgt nicht unmittelbar einer Überschrift, die erste Zeile ist
eingerückt. Als dritter Absatz wird er in Grün geschrieben.</p>

<p class="negativ">An diesem Absatzbeispiel wird gezeigt, dass auch negative
Absatzeinzüge möglich sind. Dies sollte sinnvollerweise mit einem Padding auf der
linken Seite kombiniert werden, damit der Text am Absatzanfang sichtbar bleibt.</p>

</body>
</html>