Is there any way through CSS to style nested ordered lists to display sub numbers?

The idea is similar to using heading levels. However what I'd really like to see is the following. Note each of these subsections has text not just a title. This isn't a real example just some organisational stuff.

Now I know I can use <h1>-<h6> but nested lists would be much clearer and allow for different indentation styling. Also it would be symentically correct. Note I don't think that <h1>-<h6> are correct in many ways as the name doesn't apply to the whole section.

1 Introduction.
  1.1 Scope
      Blah Blah Blah
      Blah Blah Blah

  1.2 Purpose
      Blah Blah Blah
      Blah Blah Blah
2 Cars

      Blah Blah Blah
      Blah Blah Blah
  2.1 engines
        sub Blah Blah Blah
        sub Blah Blah Blah
  2.2 Wheels
  ...
  ...
    2.10.21 hub caps
          sub-sub Blah Blah Blah
          sub-sub Blah Blah Blah
      2.10.21.1 hub cap paint
            sub-sub-sub Blah Blah Blah
            sub-sub-sub Blah Blah Blah

3 Planes
  3.1 Commercial Airlines.
...
...
212 Glossary