2018.2

Table Of Contents

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.

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 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347.

Sheet position selectors

In Print output, pages have a sheet position that depends on the options set in the Sheet

Configuration dialog (e.g. the Duplex and Allow Content On options). Connect gives each page

- or rather, the "MediaBox" div element on that page - a class depending on their sheet position:

l .frontside

l .backside (does not apply to simplex documents)

l .contentpage

l .nocontentpage

Page 365