Wiki CSS und Sidebar CSS

Regeln direkt am Element sind super für Einzelfälle. Sobald viele Elemente gleich aussehen sollen, willst du das nicht überall einzeln pflegen: Ein zentrales Stylesheet definiert den Look einmal.

Zwei Stylesheets, zwei Aufgaben

Beide schreibst du als normales CSS mit Selektoren und Klammern, etwa .gold-frame { border: 2px solid gold; }. Der einzige Ort mit kompletten Regeln.

Gemeinsame Klassen: einmal definieren, überall verwenden

Die Verbindung ist das Feld CSS class ganz unten in jedem Custom-CSS-Panel. Du gibst einem Element einen Klassennamen, definierst die Klasse zentral, und alle Elemente mit diesem Namen ändern sich gemeinsam.

1. Öffne an einem Element den Bereich „Custom CSS“ und klicke in das CSS-class-Feld.
2. Das Dropdown zeigt alle Klassen, die es im passenden Stylesheet gibt.
3. Ein Klick wendet an, noch einer entfernt. Mehrere lassen sich kombinieren.
4. Noch keine Klasse da? Über „Edit wiki CSS“ kommst du direkt in den Editor.

Die Vorschläge sind nie ausgedacht. Seitenblöcke zeigen Klassen aus dem Wiki CSS, Seitenleisten-Elemente die aus dem Sidebar CSS. Ein leeres Dropdown heißt: noch keine Klassen.

Der Code-Editor

Beide Stylesheets öffnen sich im selben großen Editor: Zeilennummern, Syntax-Farben, Autovervollständigung und eine Live-Fehlerprüfung direkt an der Zeile.