Template subordered list CSS

[TitasB]

Is it possible to create a sub-ordered list inside a template? I tried adding this CSS stylesheet, however only inline css seems to work and you can't use :before inline

sub-ordered list example
1. item 1
1.1 sub item 1
1.2 sub item 2
2. item 2

<style>
ol { counter-reset: item }
li { display: block }
li:before { content: counters(item, ".") " "; counter-increment: item }
</style>