Klassen- und Id-Selektoren - 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>Klassen- und Id-Selektoren - 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. Klassen- und Id-Selektoren." />
 <meta name="keywords" content="HTML, Cascading Style Sheets" />
 <meta name="author" content="Roland Unger" />

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

  p {
     font-size: 1em;
     color: #000080; /* dunkelblau */
  }

  #rot , #rot2 {
     color: #ff0000; /* rot */
  }

  .kursiv {
     font-style: italic;
  }

 -->
 </style>
</head>

<body>

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

<h2>Klassen- und Id-Selektoren - Cascading Style Sheets</h2>

<p>Mit Hilfe der Klassen- und Id-Selektoren können Spezifikationen
an einzelnen Elementen vorgenommen werden, ohne dass sie alle
gleichnamigen Tags betreffen. Dieser Absatz verfügt nur über
seine Standarddefinition.</p>

<p>Klassen- und Id-Selektoren können in der Definition mit
Elementselektoren verknüpft werden, ein Selektor der Form
p#id bedeutet, dass die zugehörige Definition nur auf den
Absatz angewandt wird, der das Attribut id="id"
besitzt.</p>

<p id="rot">Dieser Absatz ist rot geschrieben. Die Definition
erfolgte über das id-Attribut. Achten Sie darauf, dass ein
bestimmter Wert eines id-Attributes im Dokument nur einmal
vorkommen darf.</p>

<p class="kursiv">Dieser Absatz ist kursiv geschrieben. Die
Definition erfolgte über das class-Attribut.</p>

<p id="rot2" class="kursiv">Dieser Absatz ist rot und kursiv
geschrieben. Die Definition erfolgte sowohl über das
id-Attribut als auch über class-Attribut.</p>

</body>
</html>