TopStyle Tutorial 8

Creating New Style Classes

Now you will create three new class selectors and assign properties to them. First, position the cursor after the SPAN rule, and open the New Selector dialog by clicking the icon shown to the left on the File Toolbar (you can also choose Tools-->New Selector from the Menus). In the New Selector dialog, first choose (none) in the HTML Element list. Then select the Class option (it may be selected by default). In the text box the below the Class/ID option, type in the class name title -- note that TopStyle automatically adds a period before the class name, which is required by CSS. Click the OK button to add the new selector to the style sheet.

Repeat the above operation to add two additional classes called .highlight and .note.