2018.1

l
Show: Use the drop-down to select whether to show all CSS rules or limit to certain
types: Class, ID or Element rules.
l
Rule List: Displays the list of rules in the currently selected style sheet.
l
Rule Display: Displays the contents of the currently selected rule in the Rule List.
l
New: Click to create a new rule with the Edit Rule dialog. See "New/Edit Rule dialog"
below.
l
Edit: Click to edit the currently selected rule in the Rule List using the Edit Rule dialog.
See "New/Edit Rule dialog" below.
l
Delete: Click to delete the currently selected rule in the Rule List.
l
Duplicate: Click to create a duplicate of the currently selected rule in the Rule List using
the Edit Rule dialog. The default name for the new rule is the name of the current one plus
"-duplicated". See "New/Edit Rule dialog" below.
l
Move Up: Move the currently selected rule in the Rule List up one position in the list.
l
Move Down: Move the currently selected rule in the Rule List down one position in the
list.
l
Save: Click to save all changes to the stylesheet and close the dialog.
l
Cancel: Click to close the dialog without saving any changes.
New/Edit Rule dialog
The New/Edit Rule dialog shows the properties for a specific CSS selector.
Click the Apply button to see how a setting affects the elements that are subject to that selector.
(You may have to move and resize the Stylesheet dialog before opening the Edit Rule dialog,
in order to be able to see the template that you are working on.)
At any point you can click on the Advanced button to see the Advanced Stylesheet Rule. See
"Advanced Stylesheet Rule" on page420.
l
Name: The CSS Selector to which this rule applies. This can be a selector that is specific
to Connect (see "Selectors in Connect" on page360) or any selector used in regular
CSS, since they can also be used here (see CSS Selectors on W3Schools for a simple
reference page).
Page 417