2018.2

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484).
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174) 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251).
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" below 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104.
Using a more specific CSS rule
By default, many CSS properties of an HTML element also apply to the elements inside that
element. For example, a CSS rule that specifies a certain font-type for a box also applies to
paragraphs in that box. In this example the box is the 'parent' element and the paragraphs are
the 'child' elements that inherit the font-type property of the box.
Page 261