2021.2

Table Of Contents

Connect-specific classes usually are invisible in the Designer. By opening the currently

selected section in your default web browser (click the Preview HTML toolbar button) and using

the browser's code or source inspector you can see most of the dynamically added classes.

Warning

Avoid using classes with the __ol prefix in your selectors. These dynamically added

class names may change in future releases of the software.

Section selector

The Designer writes the name of each section to the section attribute of the <html> element.

This attribute can be used in selectors.

Note

To make scripts run exclusively on certain sections, it is advised to put them in folders

and set the execution scope of the scripts in a folder via the folder properties; see

"Execution scope" on page885.

Example

The following rule applies formatting to <h1> elements in sections of which the name starts with

‘Letter’:

[section^='Letter'] h1 {

color: brown;

}

Note

To target sections as well as Master Pages, use the body selector without the masterpage

or section selector. For example:

Page 899