仅针对子列表项的CSS计数器

Question

是否可以仅显示十进制数字而不显示有序列表大纲顶层的整数？例如：

<ol>
<li>Item 
    <ol>
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
    </ol>
</li>
<li>Item
    <ol>
        <li>Item</li>
        <li>Item</li>
        <li>Item</li>
    </ol>
</li>
<li>Item</li>
<li>Item</li>

CSS

ol {
  counter-reset: section;                
  list-style-type: none;
}

li:before {
  counter-increment: section;                                                  
  content: counters(section,".") " ";
}

这将显示如下列表：

1. 物品
   1.1项目
   1.2项目
   1.3项目

我想要达到的目标是：

物品
1.1项目
1.2项目
1.3项目

这是一个小提琴，我一直在努力解决：
http://jsfiddle.net/Py7k8/

Answer 1

ol {
  counter-reset: section;                
  list-style-type: none;
}
li:before {
  counter-increment: section;                                                
  content: "";
}
li ol li:before {                                             
  content: counters(section,".") " ";
}

DEMO