2022.1

Note
Classes may be reused throughout one section, but a specific ID should not be
used more than once in each section. CSS layout rules for an element with a
certain ID only apply to the first element with that ID in each section. If you have two
sections inside of a Print context, then you can have the same ID on two sections;
they will both be affected by the CSS rules for the element with that ID.
l Style sheets only apply to sections in which they are included; see "Applying a style
sheet to a section" on the facing page.
Adding a class or ID to an HTML element
1. Select the element (see "Selecting an element" on page192).
2. On the Attributes pane, type the ID and/or class. Type the ID without the preceding #
and class names without a dot.
Note
Note: Elements can have multiple classes. Separate the class names with a space
(eg. “red small”).
Alternatively, after selecting an element, you can click the Source tab at the bottom of the
workspace. The selected element will be highlighted in the source. Add the class or classes
and/or the ID to the opening tag of the HTML element, for example: <p class=”intro”>.
Tip
Would you like to know which elements have a certain class or ID?
Use the Text Filter box at the top of the Resources pane. It allows to look for text in the
source of any text-based files, including sections, master pages, and snippets.
Page 299