Die nächsten CSS1 Attribute, die hier vorgestellt werden sollen, werden vom W3C als Pseudo-Elemente und -Klassen bezeichnet. Ein Pseudo-Element ist ein HTML-Element, dessen Darstellung durch einen externen Faktor beeinflusst wird. Die Stil-Einstellungen können basierend auf diesem externen Faktor angewendet werden.
Ein Beispiel dafür ist, dass der Internet-Explorer und der Navigator für einen besuchten Link und einen noch nicht besuchten Link unterschiedliche Farben verwenden. Wenn eine Style-Sheet Einstellung für einen Anker die Schrift auf Rot setzt und diese Farbe sowohl auf besuchte als auch auf nicht besuchte Links anwendet, dann geht diese Information verloren. Die Pseudo-Klasse anchor arbeitet mit ihrer Linkstatus-Information und ermöglicht Ihnen, für jeden Status des Links verschiedene Farben, Stile usw. zu definieren. Der folgende Code zeigt die Verwendung dieser Pseudo-Klasse:
Die aktive Farbe wird angezeigt, wenn Sie die Maustaste drücken, während Sie sich über dem Link befinden, und noch bevor Sie die Taste wieder loslassen. Sie können auch Klassennamen für die Pseudo-Klassen angeben, indem der Klassenname der Pseudo-Klasse vorangestellt wird, wie für den besuchten Link in dem Beispiel gezeigt.
Andere Pseudo-Elemente geben etwa die typographischen Konventionen an, wie etwa der erste Buchstabe in einem Element oder die erste Zeile. der folgende Code zeigt die Verwendung dieser Attribute:
Das folgende Listing enthält ein Beispiel, das diese Pseudo-Klassen und HTML-Elemente benutzt, ebenso wie einige andere, die bereits vorgestellt wurden.
Das Beispiel zum ansehen.
Versuchen Sie, auf den noch nicht besuchten Link zu klicken und beobachten Sie, was passiert. Achten Sie darauf, dass die Anker-Tags rot dargestellt werden, es sei denn, sie werden neu definiert. Das bedeutet, das benannte Anker-Tag ist rot und bleibt rot. Die eigentlichen Link-Anker übernehmen ihre Farben von den Pseudo-Elementen.
