2020.2

l A rule for the text color of table cells with a certain class, for example .green {
color: green; }.
l A rule for the text color of a table cell with a certain ID, for example: #greentext {
color: green; }.
l An inline style rule (local formatting) added to the HTML tag of a particular table cell, for
example: <td style="color: green;">...</td>.
Each of these rules is more specific than the previous rules. All of these rules are more specific
than the rule that applies to the table as a whole.
Note
When !important is added to a style rule (e.g. color: red !important;), this
rule overrides any other style rules, even inline style rules.
Using a Sass file
A CSS preprocessor is a CSS extension language that allows you to enhance CSS with code
(variables, for example) and then compile it into plain CSS. CSS Preprocessor Sass is
integrated in Connect.
For more information about Sass, see: https://sass-lang.com/.
Adding a Sass file
To add a Sass file:
1.
Right-click the Stylesheet folder on the Resources pane, and click New Stylesheet >
SCSS file.
2. Enter a name for the file as it appears in the Stylesheet resources.
When the name of Sass file begins with an underscore, it is considered a partial .scss file
(e.g. _mySass.scss). Partial files are typically imported in a base .scss file. They may
include Sass variables or other directives declared in the base file, and they cannot be
compiled.
Compiling a Sass file
A Sass file needs to be compiled into a plain CSS file before it can be applied to a section. To
compile it:
Page 298