Kapitel 7. Regel 7: Vermeiden Sie CSS-Ausdrücke

CSS-Ausdrücke sind eine leistungsfähige (und gefährliche) Möglichkeit, CSS-Eigenschaften dynamisch festzulegen. Sie werden im Internet Explorer ab der Version 5 unterstützt. Wir beginnen mit einer konventionellen CSS-Regel für das Setzen der Hintergrundfarbe:

background-color: #B8D4FF;

Bei einer etwas dynamischeren Seite könnte die Hintergrundfarbe mit Hilfe dynamischer CSS-Ausdrücke jede Stunde wechseln.

background-color: expression( (new Date()).getHours(  )%2 ? "#B8D4FF" : "#F08A00" );

Wie hier zu sehen ist, akzeptiert die expression-Methode einen JavaScript-Ausdruck. Die CSS-Eigenschaft wird auf das Ergebnis gesetzt, das die Evaluierung des JavaScript-Ausdrucks zurückliefert.

Die expression-Methode ...

Get High Performance Websites now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.