Neue Selektoren

(msc) Selektoren erlauben es, CSS-Deklarationen einzuschränken. Der Internet Explorer 7 beherrscht neu eine Reihe zusätzlicher Selektoren. Es ist jetzt möglich, «Nachbarn» auszuwählen. Als Beispiel dient die folgende CSS-Regel:

h1+h2 {color: red; font}

Hier wird ein h2-Titel rot gefärbt, wenn er auf einen h1-Titel folgt. Steht ein anderes Element vor dem h2-Titel, findet die Regel keine Anwendung.

Auch eine Selektion nach Attributen ist möglich. Die folgende CSS-Anweisung gilt nur für Anchor-Elemente, die ein bestimmtes Attribut haben. Als Selektor kommt die URL zum Einsatz. Entsprechend gilt die Formatanweisung nur für Verweise auf die Publisher-Website:

a[href="http://www.publisher.ch"]:link {color:red}

Links auf die Publisher-Website erscheinen grün, andere Links in der Standardfarbe blau.

Der Selektor first-child wählt das erste «Kind» in der Dokumentenstruktur aus. Im folgenden Beispiel ist das «Erstgeborene» der erste Eintrag einer Liste. Er wird in grüner Farbe angezeigt:

li:first-child {color:green}

Die erwähnten Selektoren gibt es übrigens auch in den neuesten Versionen von Firefox, Safari und Opera.