Training Guide: Programming in HTML5 with JavaScript and CSS3 Ebook

224 CHAPTER 5 More HTML5

FIGURE 5-8 he definition list with its terms and definitionsT

Custom lists

You can create custom lists by using the CSS3 styles, and you can use the CSS3 counter and

the :before and :after selectors. Consider the following list, which contains nested lists.

<ul class="level1">

<li>Automobiles

<ul class="level2">

<li>BMW

<ul class="level3">

<li>X1</li>

<li>X3</li>

<li>Z4</li>

</ul>

</li>

<li>Chevrolet

<ul class="level3">

<li>Cobalt</li>

<li>Impala</li>

<li>Volt</li>

</ul>

</li>

<li>Ford

<ul class="level3">

<li>Edge</li>

<li>Focus</li>

<li>Mustang</li>

</ul>

</li>