Move CSS rules in Dreamweaver

Keresés
Adobe Dreamweaver Felhasználói útmutató

Ezen az oldalon

Érintett termék: Adobe Dreamweaver

某些 Creative Cloud 应用程序、服务和功能在中国不可用。

Move, export, or rearrange CSS rules to a new style sheet or to an existing style sheet in Dreamweaver.

The CSS management features in Dreamweaver make it easy for you to move or export CSS rules to different locations. You can move rules from document to document, from the head of a document to an external style sheet, between external CSS files, and more.

Megjegyzés:

If the rule you’re trying to move conflicts with a rule in the destination style sheet, Dreamweaver displays the Rule With Same Name Exists dialog box. If you elect to move the conflicting rule, Dreamweaver places the moved rule immediately adjacent to the conflicting rule in the destination style sheet.

Move or export CSS rules to a new style sheet

  1. In Code view, select the rule or rules you want to move. Then right-click the selection and select Selection > Move CSS Rules from the context menu.

    Megjegyzés:

    Partial selection of a rule will result in the relocation of the entire rule.

  2. In the Move To External Style Sheet dialog box, select the new style sheet option and click OK.
  3. In the Save Style Sheet File As dialog box, enter a name for the new style sheet and click Save.

    When you click Save, Dreamweaver saves a new style sheet with the rules you selected and attaches it to the current document.

Move or export CSS rules to an existing style sheet

  1. In Code view, select the rule or rules you want to move. Then right-click the selection and select Selection > Move CSS Rules from the context menu.

    Megjegyzés:

    Partial selection of a rule will result in the relocation of the entire rule.

  2. In the Move To External Style Sheet dialog box, select an existing style sheet from the pop‑up menu or browse to an existing style sheet and click OK.

    Megjegyzés:

    The pop‑up menu displays all style sheets that are linked to the current document.

Rearrange or move CSS rules by dragging

In the CSS Designer panel (All mode), select a rule and drag it rule to the desired location. You can select and drag to re‑order rules within a style sheet, or move a rule to another style sheet or the document head.

Megjegyzés:

You can move more than one rule at a time by Control‑clicking (Windows) or Command-clicking (Macintosh) multiple rules to select them.