<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Unterscheidungen zwischen verschiedenen CSS-Levels - Cascading Style Sheets - Workshop Internet-Prä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="Übung Cascading Style Sheets. Unterscheidungen zwischen verschiedenen CSS-Levels." />
<meta name="keywords" content="HTML, Cascading Style Sheets" />
<meta name="author" content="Roland Unger" />
<style type="text/css">
<!--
h1 { color: red }
body > h1 { color: blue }
:root h1 { color: green }
-->
</style>
</head>
<body>
<h1>Workshop Internet-Präsenz</h1>
<h2>Unterscheidungen zwischen verschiedenen CSS-Levels - Cascading Style Sheets</h2>
<p>Es gibt in CSS keinen Weg, eine Stilvorlage für einen
ganz bestimmten Level zu schreiben, so dass diese
Vorlage eventuell übersprungen werden kann. Dies
kann gelegentlich nützlich sein, wenn ältere
Implementationen überschrieben werden sollen.</p>
<p>Man kann sich nur dadurch behelfen, dass eine Regel
überlesen wird, wenn sie nicht verstanden wird. Es bieten
sich hierfür Selektoren, Kombinatoren und das
Wurzelelement an.</p>
<p>Dieses Beispiel nutzt die Vorlage</p>
<pre>
h1 { color: red }
body > h1 { color: blue }
:root h1 { color: green }
</pre>
<p>um zwischen den CSS-Levels zu unterscheiden. Alte
Browser wie Netscape 4 zeigen die Überschrift in rot,
Opera 7 implementiert CSS 2 fast vollständig, aber nicht
CSS 3: die Überschrift wird blau. Mozilla (Firefox) hat
bereits Teile von CSS 3 implementiert, die Überschrift
wird grün.</p>
<p>(Über den Internet Explorer reden wir an dieser
Stelle nicht...)</p>
<p><em>Nach einer Information von
<a href="http://www.w3.org/people/bos/" target="_top">Bert
Bos</a>, WWW Consortium.</em></p>
</body>
</html>