2022.2

l
Aruleforthetextcolorofalltablecells(tdelements),forexample:td { color: green; }.
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(vari-
ables,forexample)andthencompileitintoplainCSS.CSSPreprocessorSassisintegratedinCon-
nect.
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vari-
ables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:
1. OpentheStylesheetfolderontheResourcespane.
2. Right-clickthe.scssfileandselectCompile.
ThecompiledstylesheetwillhavethesamenameastheSassfile,butwiththeextension.css.
CompiledCSSfilescanberecognizedbytheirfirstline:/*Compiledbyhttps://sass-lang.com/libsass
Page 270