Thread:Hackey5/@comment-25995945-20150802074238/@comment-25995945-20150802101323

Heres a better description of the task.

"Task 4 : multiple rules  To give a different style to each element, you need to add more CSS rules.

The following example code  has 2 CSS rules:


 * 1) html {
 * 2)   color :  orange ;
 * 3) }
 * 4) 
 * 5) h2 <span class="pun" style="box-sizing:border-box;color:rgb(144,76,177)!important;">{
 * 6) <span class="pln" style="box-sizing:border-box;color:rgb(46,46,46);">  <span class="kwd" style="box-sizing:border-box;color:rgb(125,86,241)!important;">color <span class="pun" style="box-sizing:border-box;color:rgb(144,76,177)!important;">: <span class="pln" style="box-sizing:border-box;color:rgb(46,46,46);"> green <span class="pun" style="box-sizing:border-box;color:rgb(144,76,177)!important;">;
 * 7) <span class="pun" style="box-sizing:border-box;color:rgb(144,76,177)!important;">}

<p style="box-sizing:border-box;margin:7pxauto0.5em;-webkit-margin-after:0px;-webkit-margin-before:0.5em;"><span class="line" data-example="true" data-index="Lines 5-7" style="box-sizing:border-box;padding-right:1px;padding-left:1px;cursor:pointer;font-weight:600;color:rgb(125,50,203);white-space:pre;">Lines 5‑7  set the color of the <span style="box-sizing:border-box;font-weight:600;color:rgb(17,17,17);">level 2 headings  to <span class="dark colorTable" data-gloss="colorTable" gloss="yes" style="box-sizing:border-box;padding:1px5px;color:rgb(238,238,238);cursor:pointer;font-weight:600;border-radius:3px;font-family:Monaco,Menlo,'UbuntuMono',Consolas,source-code-pro,monospace;">green.

<p style="box-sizing:border-box;margin:7pxauto0.5em;-webkit-margin-after:0px;-webkit-margin-before:0.5em;"><span class="line" data-example="true" data-index="Lines 1-3" style="box-sizing:border-box;padding-right:1px;padding-left:1px;cursor:pointer;font-weight:600;color:rgb(125,50,203);white-space:pre;">Lines 1‑3  set the text color for the rest of the page to <span class="dark colorTable" data-gloss="colorTable" gloss="yes" style="box-sizing:border-box;padding:1px5px;color:rgb(238,238,238);cursor:pointer;font-weight:600;border-radius:3px;font-family:Monaco,Menlo,'UbuntuMono',Consolas,source-code-pro,monospace;">orange.

<p style="box-sizing:border-box;margin:7pxauto0px;-webkit-margin-after:0px;-webkit-margin-before:0.5em;">Now use <span data-gloss="colorTable" gloss="yes" style="box-sizing:border-box;padding-right:1px;padding-left:1px;color:rgb(50,163,205);cursor:pointer;font-weight:600;">this color table  to choose colors for your pages:
 * 1) In the html rule, set your and text color.
 * 2) Add a rule to change the text color for <span style="box-sizing:border-box;font-weight:600;color:rgb(17,17,17);">level 1  headings.
 * 3) Add a rule to change the text color for <span style="box-sizing:border-box;font-weight:600;color:rgb(17,17,17);">level 2  headings.