Die Kaskade

Für jedes ausgewählte Element gibt Xylescope einen Überblick über die Kaskade der darauf angewandten Stilregeln

screenshot: cascade

Ist in der CSS-Ansicht die Kaskadendarstellung eingestellt, so werden zu jedem ausgewählten HTML-Elemente genau die Stilregeln aus den verknüpften CSS-Dateien heraus­gefiltert, welche die Darstellung dieses Elementes beeinflussen. Dies schließt auf Grund des Vererbungsprinzips in CSS auch Stilregeln mit ein, die von Vorfahren des ausgewählten Elementes herrühren. Diese Stilregeln werden dann ihrer Priorität nach sortiert angezeigt.

Werden dabei ein und derselben CSS-Eigenschaft nacheinander ver­schiedene Werte zugeordnet, so überschreibt der am weitesten oben liegende die konkurrierenden Werte weiter unten. Nicht zur An­wendung kommende Deklarationen werden dabei grau dargestellt. Dies umfasst auch solche Deklarationen, die von Vorfahren herrühren, aber nach der CSS-Spezifikation grund­sätzlich nicht vererbt werden.

Weitere Details