Tillämpa, ta bort eller byt namn på CSS-klassformat

Senast uppdaterad den 6 maj 2019

Lär dig hur du tillämpar, tar bort eller byter namn på CSS-klassformat i Dreamweaver

Obs!

I Dreamweaver och senare har CSS-formatpanelen ersatts med CSS Designer. Mer information finns i CSS Designer.

Klassformat är den enda typen av CSS-format som kan tillämpas på valfri text i ett dokument, oavsett vilka taggar som styr texten. Alla klassformat som är associerade med det aktuella dokumentet visas i panelen CSS Styles (med en punkt [.] före namnet) och i popup-menyn Style i egenskapsinspektorn för text.

Du kommer att se de flesta format uppdaterade omedelbart, men du bör förhandsgranska din sida i en webbläsare för att verifiera att ett format tillämpades som förväntat. När du tillämpar två eller flera format på samma text kan formaten komma i konflikt och producera oväntade resultat.

Obs!

När du förhandsgranskar format som definieras i en extern CSS-formatmall, se till att spara formatmallen för att säkerställa att dina ändringar reflekteras när du förhandsgranskar sidan i en webbläsare.

Använda ett CSS-klassformat

I dokumentet väljer du den text som du vill tillämpa ett CSS-format på.

Placera markören i ett stycke för att tillämpa formatet på hela stycket.

Om du väljer ett textområde inom ett enda stycke påverkar CSS-formatet endast det valda området.

För att specificera den exakta tagg som CSS-formatet ska tillämpas på, välj taggen i taggväljaren som finns längst ned till vänster i dokumentfönstret.

Om du vill lägga till ett klassformat gör du något av följande:
  • I CSS Styles-panelen (Window > CSS Styles) väljer du All-läge, högerklickar på namnet på det format du vill tillämpa och väljer Apply från snabbmenyn.

  • I HTML Property inspector väljer du det klassformat du vill tillämpa från Class-popup-menyn.

  • I dokumentfönstret högerklickar du (Windows) eller Control-klickar (Macintosh) på den valda texten, och i snabbmenyn väljer du CSS Styles och sedan det format du vill tillämpa.

  • Välj Format > CSS Styles, och i undermenyn väljer du det format du vill tillämpa.

Ta bort ett klassformat från en markering

Välj objektet eller texten du vill ta bort formatet från.
I HTML-egenskapspanelen (Fönster > Egenskaper) väljer du Ingen från popup-menyn Klass.

Döpa om ett klassformat

I CSS styles-panelen högerklickar du på det CSS-klassformat du vill döpa om och väljer Rename Class.
Obs!

Du kan också döpa om en klass genom att välja Rename Class från CSS Styles-panelens alternativmeny.

I dialogrutan Rename Class kontrollerar du att klassen du vill döpa om är vald i popup-menyn Rename Class.
I textrutan Nytt namn skriver du in det nya namnet på den nya klassen och klickar på OK.

Om klassen du döper om är intern i dokumentets head ändrar Dreamweaver klassnamnet samt alla instanser av klassnamnet i det aktuella dokumentet.Om klassen du döper om finns i en extern CSS-fil öppnar och ändrar Dreamweaver klassnamnet i filen. Dreamweaver startar också en webbplatsövergripande Find and Replace-dialogruta så att du kan söka efter alla instanser av det gamla klassnamnet på din webbplats.