2018.1

should be applied.
3. Release the mouse button.
Using the Includes dialog
1.
On the Resources pane, right-click the section, then click Includes.
2.
From the File types dropdown, select Stylesheets.
3. Choose which CSS files should be applied to this section. The available files are listed at
the left. Use the arrow buttons to move the files that should be included to the list at the
right.
4. You can also change the order in which the CSS files are read: click one of the included
CSS files and use the Up and Down buttons. Note that moving a style sheet up in the list
gives it less weight. In case of conflicting rules, style sheets read later will override
previous ones.
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.
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166) 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238).
Page 246