Workshop Internet-Präsenz

Unterscheidungen zwischen verschiedenen CSS-Levels - Cascading Style Sheets

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.

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.

Dieses Beispiel nutzt die Vorlage

  h1 { color: red }           /* Für alle Browser */
  body > h1 { color: blue }   /* Für CSS2 und höher */
  :root h1 { color: green }   /* Für CSS3 und höher */

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.

(Über den Internet Explorer reden wir an dieser Stelle nicht...)

Nach einer Information von Bert Bos, WWW Consortium.