CSS: der class-Selektor
Ein Klassenselektor spricht Elemente an, die einer bestimmten Klasse zugehörend sind. Ein Klassenselektor wird gebildet, wenn vor dem Klassennamen ein Punkt notiert wird.
<html lang="de">
<head>
<title>Der class-Selektor</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<style type="text/css">
h2.gross { font-size:20pt; color:blue; }
h2.mittel { font-size:15pt; color:blue; }
h2.klein { font-size:10pt; color:blue; }
.rot { color:red }
.gruen { color:green }
</style>
</head>
<body>
<h2 class="gross">Große blaue Überschrift.</h2>
<h2 class="mittel">Mittlere blaue Überschrift.</h2>
<h2 class="klein">Kleine blaue Überschrift.</h2>
<div class="rot">Ein roter Text in einem Absatz.</div>
<h2 class="rot">Eine normale rote Überschrift.</h2>
<cite class="grün">Ein Zitat, das nicht grün ist.</cite><br /><br />
<cite class="gruen">Ein grünes Zitat.</cite>
</body>
</html>