printable version

Test 2

[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11]

Problem X2.1.

[8 pts] Without changing the below HTML, write CSS rules accomplishing each of the following.

<ul>
  <li class="hilite">Introduction</li>
  <li>Body
    <ul class="sub">
      <li class="hilite">Point 1</li>
      <li class="hilite">Point 2</li>
      <li id="point3">Point 3</li>
    </ul>
  </li>
  <li class="hilite">Conclusion</li>
</ul>

a. Color only the text “Point 1” and “Point 2” blue.

b. Display “Introduction”, “Body”, and “Conclusion” only in italics. The easiest way to do this is probably to make all text italic, and then to make the sublist to be in regular text. (Use font-style: italic and font-style: normal.)