Week 3 Activity 2 Task 5

Without modifying the HTML or JavaScript panels, and only editing the CSS panel, make the list of cars red, the list of tyres green, and the list of insurers blue. Change the colour of the text that is not part of an unordered list to purple.

by Ken Wai Ooi

HTML

<div id="cars">
    There are many different kinds of cars from which consumers can choose.  These include the following:
    <ul>
        <li>Lexus</li>
        <li>Holden</li>
        <li>Honda</li>
        <li>Ford</li>
        <li>Toyota</li>
    </ul>
</div>
<div id="tyres">
    Tyres are also available from many manufacturers. These include:
    <ul>
        <li> Firestone </li>
        <li> Goodyear </li>
        <li> Michelin </li>
    </ul>
</div>
<div id="insurance">
    Similarly, there are many choices for insurers. These include:
    <ul>
        <li>Allianz</li>
        <li>QBE</li>
        <li>RAC</li>
        <li>SGIO</li>
    </ul>
</div>

CSS

div#cars li{color: red}
div#tyres li{color: green}
div#insurance li{color:purple}