The contextual menu in the CSS Styles panels offers a number of other management tools in addition to the
Move CSS Rules command. Beyond the traditional cut/copy/paste options is the Go to Code feature. As you
might suspect, Go to Code goes directly to the CSS code defining the selected rule, whether the rule is in
the current page or an external style sheet. Go to Code lets you dive right into the heart of your CSS,
quickly and easily.
The Duplicate command is another CSS rule management power tool and one that I personally use all the
time. Often I find that a rule I need to create has similar properties to an existing rule??”and it??™s much faster
to duplicate the rule than re-create it. When you choose to duplicate a selected rule, a dialog box with all
the options of the New CSS Rule dialog appears (Figure 7-12). This featureset allows you to copy the properties
of any rule and, if you choose, change the selector to anything you desire. You could, for example,
duplicate a rule with an ID selector and save your new rule as a class. You can even save the duplicated rule
TIPTIP
NEW FEATURE NEW FEATURE
232
Designing and Crafting Core Pages Part II
in a different style sheet or the current page. Once you select the name of your duplicated rule as well as
selector, the style is added to the specified location; however, unlike when creating a new style, the CSS
Rule Definition dialog box does not appear.
Pages:
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506