After you create a CSS rule, you can use it to give your entire document or website a consistent appearance. You can apply a CSS rule to text by using the Properties panel.
To apply a CSS style:
1. Click anywhere in the paragraph that doesn’t have the new CSS style.
2. In the Properties panel, select myStyle (the new CSS rule you just created) from the Targeted Rule menu. The new style is applied to the other paragraph.
Note: If you edit the CSS style, both paragraphs will be updated automatically and consistently. You will learn more about creating and modifying CSS in a later guide.
Using the CSS Styles Panel
In the CSS Styles panel you can track the CSS rules and properties affecting a currently selected page element (Current mode) or all of the rules and properties available to the document (All mode). A button at the top of the panel enables you to switch between the two modes. You can also use the CSS Styles panel to modify CSS properties in both All and Current modes.
The CSS Styles panel in Current mode
In Current mode, the CSS Styles panel displays three panes: a Summary For Selection pane that displays the CSS properties for the current selection in the document, a Rules pane that displays the location of selected properties (or a cascade of rules for the selected tag, depending on your selection), and a Properties pane where you can edit CSS properties for the rule applied to the selection.
The CSS Styles panel in All mode
In All mode, the CSS Styles panel displays two panes: an All Rules pane, and a Properties pane. The All Rules pane displays a list of rules defined in the current document as well as all rules defined in style sheets attached to the current document. You can use the Properties pane to edit CSS properties for any rule selected in the All Rules pane.
