Arbeiten mit mehreren Stylesheets
Ein Dokument kann nur über ein internes Stylesheet, aber eine beliebige Anzahl an Verknüpfungen mit externen Stylesheets verfügen. Der Einsatz mehrerer Stylesheets kann aus verschiedenen Gründen sinnvoll sein. Sie könnten beispielsweise ein allgemeines Stylesheet verwenden, das auf alle Dokumente in einer Site angewendet wird, ein zweites, spezielles Stylesheet auf einen Teilsatz der Dokumente anwenden und schließlich ein internes Stylesheet in einem speziellen Dokument einsetzen, das ausschließlich Stile für dieses Dokument bereitstellt.
Namo WebEditor verfügt über zwei Features, die den Einsatz mehrerer Stylesheets in Dokumenten vereinfachen:
- Sie können verknüpfte Stylesheets für das aktuelle Dokument über das Dialogfeld Externe Stylesheets hinzufügen, entfernen oder neu anordnen (klicken Sie im Menü Format auf Externe Stylesheets).
- Wenn Sie das Dialogfeld Stil (klicken Sie im Menü Format auf Stile definieren) zum Hinzufügen oder Bearbeiten eines Stils verwenden, können Sie den Stylesheet-Selektor zur Auswahl des Stylesheets heranziehen, dem Sie einen Stil hinzufügen bzw. in dem Sie einen Stil bearbeiten möchten. Der Selektor listet sowohl das interne Stylesheet des Dokuments als auch alle verknüpften Stylesheets auf.
Wenn Sie mehrere Stylesheets verwenden, legt deren Rangfolge fest, welches Stylesheet verwendet wird, wenn diese Regeln mit identischen SelektorenDer Bestandteil eines Stils, der Elementtyp, Klasse oder ID definiert, auf welche(n) die Regel angewendet wird. und in Konflikt stehenden Eigenschaften enthalten. Die Rangfolge wird durch die Positionen der <style>- (bei einem internen Stylesheet) und <link>-Elemente (bei externen Stylesheets) im <head>-Abschnitt des Dokuments festgelegt. Die Priorität der Stylesheets nimmt von oben nach unten zu. Je niedriger die Position eines Stylesheets im Abschnitt <head>, desto höher ist seine Priorität.
Sie können die Rangfolge mehrerer Stylesheets mithilfe des Dialogfelds Externe Stylesheets steuern. Um einem Stylesheet eine höhere Priorität einzuräumen, platzieren Sie es an einer niedrigeren Position in der Liste.
So ändern Sie die Rangfolge mehrerer Stylesheets
- Wechseln Sie im Menü Start zur Gruppe Stil, und klicken Sie auf Externe Stildatei verknüpfen.
- Wählen Sie im Listenfeld Verknüpfte Stylesheets ein Stylesheet aus. (Das interne Stylesheet des Dokuments wird als “<style></style>” aufgelistet.)
- Klicken Sie auf
(Nach oben), um die Priorität eines Stylesheets zu verringern, oder klicken Sie auf 
(Nach unten), um dem Stylesheet höhere Priorität einzuräumen.
- Wiederholen Sie ggf. die Schritte 2 und 3, bis sich die Stylesheets in der gewünschten Reihenfolge befinden.
- Klicken Sie auf OK.
Weitere Informationen zur Auflösung von Konflikten bei Stilregeln finden Sie in der CSS-Onlinereferenz unter “Kaskadierung und Vererbung”.
Verwandte Themen
Verknüpfung mit einem externen Stylesheet
Speichern eines internen Stylesheets als externes Stylesheet
Bearbeiten eines externen Stylesheets mit einem Texteditor