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872).
Note
Which style sheets are included can also be set for the Web context as a whole: in step 1, right-
click the Web context, instead of a section.
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550) 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645).
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 facing 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393.
Page 655