2020.2

Note
Style sheets are applied in the order in which they are included in a section. The styles in
each following style sheet add up to the styles found in previously read style sheets.
When style sheets have a conflicting rule for the same element, class or ID, the last style
sheet ‘wins’ and overrides the rule found in the previous style sheet.
Note
Style sheets that are linked to (i.e. included in) a section show a chain icon in the
Resources pane (see "Resources pane" on page557).
How to determine which styles are applied
To see which styles are applied to an element, select the element (see "Selecting an element"
on page194) and take a look at the Styles pane that sits next to the Attributes pane.
Tip
Content added by a script isn't visible in Design mode, but is visible and can be
inspected in Preview mode.
The Styles pane shows which CSS style rules apply to the currently selected element.
A link next to a style rule will open the file where that particular style is defined. This can be
either a CSS file or the source file of a section if local formatting was used (see "Styling and
formatting" on page286).
A crossed-out style rule signals that it was overruled by another style rule. This happens when:
l A more specific, and therefore more important rule, is encountered for the same element.
See "Using a more specific CSS rule" on the next page to learn more about the specificity
of style rules.
l A rule with the same importance is read after the first rule. Not only is the order of the rules
in a CSS file important, but also the order in which the style sheets are read. The style
sheets that are included with a section are read in the specified order; see "Applying a
style sheet to a section" on page120.
Page 296