How to Move Styles from One Stylesheet to Another With Dreamweaver CS3
New features in Adobe Dreamweaver CS3 make it easy to manage style rules and move them from one stylesheet to another. The following steps will show you how.
Other People Are Reading
Instructions
-
-
1
The simplest move is within a single stylesheet. Here, CS3 will now allow you to drag and drop style rules to reorder them, thereby changing the relationship of one rule to another in the cascade. In the CSS Styles window, highlight a style rule and drag it to the new position.
-
2
If you have two stylesheets visible in the CSS Styles Panel, you can select one or more of the styles from one style sheet and drag and drop them into another stylesheet.
-
-
3
If you drag a style from one style sheet to another where you already have the same selector, Dreamweaver alerts you to the potential problem. Say you drag an h1 selector from one stylesheet to another where there is already a rule for h1, Dreamweaver puts up a dialog that lets you compare the source CSS rule to the destination CSS rule. You can decide which style or which properties to keep.
-
4
You can also move CSS rules from a stylesheet you have available in the CSS panel to a completely different stylesheet. Select one or all of the rules and right-click (ctrl-click) to see the contextual menu. Select Move CSS Rules from that menu.
-
5
Now you can specify an existing external stylesheet or create a completely new stylesheet that will contain the rules you are moving.
-
1
Tips & Warnings
Remember, when you move rules from one stylesheet to another, you may need to reorder them in the new location so you don't have inheritance problems.
