You are here: Modules > Formatting with Styles > Creating a Style Class

Creating a Style Class

Styles classes, also known as "child styles," are styles that possess all the properties of a basic selector, also known as a type selector or "parent style," with some modifications. You can create style classes and apply them to specific sections of content which you want to look slightly different from a parent style. In the Stylesheet Editor Simplified View and the Text Editor, these style classes appear as the parent style name followed by a period followed by the name of the style class. In the Stylesheet Editor Advanced View, style classes appear listed in an expanded drop-down beneath their corresponding parent styles.

  1. Open the stylesheet containing the basic selector you want to base the style class on.
  2. Select the basic selector you want to base the style class on.
  3. Click the Add Selector icon on the local toolbar of the stylesheet editor. The New Selector window appears.
  4. Type a name for the class selector in the “Class Name” field.
  5. Click OK.
    1. The new class appears in a row beneath the basic selector in the Simplified View.
    2. The new style class appears in a drop-down menu beneath the basic selector in the Advanced view.

  6. Select the new style class from the stylesheet.
  7. Modify the properties of the new style class. It already possesses the formatting of the basic selector on which it is based. For more information on modifying a stylesheet, see "Editing a Stylesheet."
    • Note: You cannot create a style class based on another style class.