2022.2

l
CSSrulesforHTMLelements,suchasparagraphs,areautomaticallyappliedtoallelementswith
thecorrespondingHTMLtag.
l
TomakeaCSSruleforacertainclassorIDworkforanelementinyourdocument,youhaveto
addtheclassorIDtothatHTMLelement(asdescribedbelow).
Note: Classesmaybereusedthroughoutonesection,butaspecificIDshouldnotbeused
morethanonceineachsection.CSSlayoutrulesforanelementwithacertainIDonly
applytothefirstelementwiththatIDineachsection.Ifyouhavetwosectionsinsideofa
Printcontext,thenyoucanhavethesameIDontwosections;theywillbothbeaffectedby
theCSSrulesfortheelementwiththatID.
l
Stylesheetsonlyapplytosectionsinwhichtheyareincluded;see"Applyingastylesheettoa
section"below.
Adding a class or ID to an HTML element
1. Selecttheelement(see"Selectinganelement"onpage570).
2. OntheAttributespane,typetheIDand/orclass.TypetheIDwithoutthepreceding#andclass
nameswithoutadot.
Note:Elementscanhavemultipleclasses.Separatetheclassnameswithaspace(eg.
“redsmall”).
Alternatively,afterselectinganelement,youcanclicktheSourcetabatthebottomoftheworkspace.
Theselectedelementwillbehighlightedinthesource.Addtheclassorclassesand/ortheIDtothe
openingtagoftheHTMLelement,forexample:<p class=”intro”>.
Tip:
WouldyouliketoknowwhichelementshaveacertainclassorID?
UsetheTextFilterboxatthetopoftheResourcespane.Itallowstolookfortextinthesourceof
anytext-basedfiles,includingsections,masterpages,andsnippets.
Applyingastylesheettoasection
Inorderforastylesheettobeappliedtoaspecificsection,itneedstobeincludedinthatsection.
Therearetwowaystodothis.
Drag & drop a style sheet
Page 678