The Style toolbar enables you to apply existing class or ID selectors, name new undefined classes or IDs, and remove a class or ID selector from content.
The drop-down boxes in the Style toolbar list all class and ID selectors that are contained in the internal cascading style sheets (CSS) and linked or imported external CSS of the current web page. You can apply a style to the current selection in your web page by selecting the style from the drop-down boxes in the toolbar. If the current selection in your web page uses a class or ID selector, the style appears in the associated box, otherwise the box appears blank.
The Apply Styles panel provides all of the functionality of the Style toolbar and more. The Apply Styles panel provides you with a visual representation of your style and shows you which styles are applied in the page and which are applied to the current selection. For more information, see Apply Styles panel.
To do this
Apply a class to content, remove a class from content, or name and apply a new undefined class.
Apply a new or existing ID to the current selection, or remove an ID from content.
New Style button
Open the New Style dialog box. For more information, see New Style and Modify Style dialog boxes.
Attach Style Sheet button
Open the Attach Style Sheet dialog box, which enables you to link to or import an external CSS to the current web page or all pages in the current site.