CSS-Klassenstile anwenden, entfernen oder umbenennen

Suchen

Zuletzt aktualisiert am 1. Mai 2021

Hier erfahren Sie, wie Sie CSS-Klassenstile in Dreamweaver anwenden, entfernen oder umbenennen

Hinweis:

In Dreamweaver wurde das Bedienfeld „CSS-Stile“ durch den CSS Designer ersetzt. Weitere Informationen finden Sie unter „CSS Designer“.

Klassenstile sind die einzigen CSS-Stile, die auf einen beliebigen Text im Dokument angewendet werden können, unabhängig davon, welche Tags den Text steuern. Alle mit dem aktuellen Dokument verbundenen Klassenstile werden im Bedienfeld „CSS-Stile“ mit einem Punkt [.] vor ihrem Namen und im Popup-Menü „Stil“ des Eigenschafteninspektors für Text angezeigt.

Sie werden feststellen, dass die meisten Stile sofort aktualisiert wurden. Um sicher zu gehen, dass alle Stile richtig angewendet wurden, sollten Sie die Seite jedoch auch in einem Browser betrachten. Wenn Sie zwei oder mehr Stile auf eine Textstelle anwenden, kann ein Konflikt zwischen diesen Stilen entstehen, der zu unerwarteten Ergebnissen führen kann.

Hinweis:

Wenn Sie eine Vorschau der in einem externen CSS-Stylesheet definierten Stile erstellen, denken Sie daran, das Stylesheet zu speichern, um sicher zu gehen, dass Ihre Änderungen bei der Vorschau im Browser angezeigt werden.

CSS-Klassenstil anwenden

Wählen Sie im Dokument den Text aus, auf den Sie einen CSS-Stil anwenden möchten.

Setzen Sie die Einfügemarke in einen Absatz, um den Stil auf den ganzen Absatz anzuwenden.

Wenn Sie einen Textbereich innerhalb eines einzigen Absatzes auswählen, wirkt sich der CSS-Stil nur auf den ausgewählten Textbereich aus.

Wenn der CSS-Stil auf ein bestimmtes Tag angewendet werden soll, wählen Sie das Tag im Tag-Selektor links unten im Dokumentfenster aus.
Wenn Sie einen Klassenstil anwenden möchten, führen Sie einen der folgenden Schritte aus:
- Wählen Sie im Bedienfeld „CSS-Stile“ („Fenster“ > „CSS-Stile“) den Modus „Alle“ aus, klicken Sie mit der rechten Maustaste auf den Namen des gewünschten Stils und wählen Sie im Kontextmenü die Option „Anwenden“.
- Wählen Sie im Eigenschafteninspektor für HTML im Popup-Menü „Klasse“ den Klassenstil aus, den Sie anwenden möchten.
- Klicken Sie im Dokumentfenster mit der rechten Maustaste (Windows) bzw. bei gedrückter Ctrl-Taste (Mac) auf den ausgewählten Text. Wählen Sie dann im Kontextmenü den Befehl „CSS-Stile“ und wählen Sie den gewünschten Stil.
- Wählen Sie „Formatieren“ > „CSS-Stile“ und wählen Sie dann im Untermenü den gewünschten Stil aus.

Klassenstil von einer Auswahl entfernen

Wählen Sie das Objekt oder den Text aus, aus dem Sie den Stil entfernen möchten.
Wählen Sie im Eigenschafteninspektor für HTML („Fenster“ > „Eigenschaften“) im Popup-Menü „Klasse“ die Option „Keine“ aus.

Klassenstil umbenennen

Klicken Sie im Bedienfeld „CSS-Stile“ mit der rechten Maustaste auf den umzubenennenden CSS-Klassenstil und wählen Sie „Klasse umbenennen“.

Hinweis:

Sie können eine Klasse auch umbenennen, indem Sie im Optionsmenü des Bedienfeldes „CSS-Stile“ die Option „Klasse umbenennen“ auswählen.
Vergewissern Sie sich, dass im Dialogfeld „Klasse umbenennen“ die umzubenennende Klasse im Popup-Menü „Klasse umbenennen“ ausgewählt ist.
Geben Sie in das Textfeld „Neuer Name“ den neuen Namen für die Klasse ein und klicken Sie dann auf „OK“.

Wenn die umzubenennende Klasse Teil des Head-Bereichs des aktuellen Dokuments ist, ändert Dreamweaver den Klassennamen (auch an sämtlichen Fundstellen im aktuellen Dokument). Wenn die umzubenennende Klasse eine externe CSS-Datei ist, öffnet Dreamweaver die Datei und ändert den Namen in der Datei. Dreamweaver öffnet außerdem ein Dialogfeld „Suchen und ersetzen“, damit Sie die gesamte Site nach Fundstellen des alten Klassennamens durchsuchen können.