​x
 
1
<!doctype html>
2
<title>Example</title>
3
<style>
4
  ul {
5
    list-style: none;
6
    counter-reset: nestedCounter;
7
  }  
8
  ul li {
9
    counter-increment: nestedCounter;
10
    line-height: 1.4;
11
  }  
12
  ul li:before {
13
    content: counters(nestedCounter, ".") " - ";
14
    font-weight: bold;
15
  }
16
</style>
17
​
18
<ul>
19
  <li>Fruit
20
    <ul>
21
      <li>Apples
22
        <ul>
23
          <li>Green ones</li>
24
          <li>Red ones</li>
25
        </ul>
26
      </li>
27
      <li>Oranges
28
        <ul>
29
          <li>Small ones</li>
30
          <li>Big ones</li>
31
        </ul>
32
      </li>
33
    </ul>  
34
  </li>
35
  <li>Vegetables
36
    <ul>
37
      <li>Carrots
38
        <ul>
39
          <li>Orange ones</li>
40
          <li>Purple ones</li>
41
        </ul>
42
      </li>
43
      <li>Potatoes
44
        <ul>
45
          <li>Fresh ones</li>
46
          <li>Rotten ones</li>
47
        </ul>
48
      </li>
49
    </ul>  
50
  </li>
51
  <li>Fish
52
    <ul>
53
      <li>Big Ones
54
        <ul>
55
          <li>Mekong Catfish</li>
56
        </ul>
57
      </li>
58
      <li>Small Ones
59
        <ul>
60
          <li>Piranha</li>
61
          <li>Gold Fish</li>
62
          <li>Black Molly</li>
63
        </ul>
64
      </li>
65
    </ul>  
66
  </li>
67
</ul>