2022.1

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.
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1128).
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669) and take a look at the Styles pane that sits next to the Attributes pane.
Page 795