html - 使用 CSS UL/OL 的法律文档格式

Question

在 HTML/CSS 中是否有任何方法可以格式化需要与原始文档格式保持一致的法律文档。换句话说。

1. 主标题

   1.1 副标题

   1.2 副标题

   1.3 副标题

   1.3.1 Sub Sub Heading
   
   1.3.2 Sub Sub Heading
   

   1.4 副标题

2. 主标题

   2.1 副标题

等...等...

我知道你可以使用嵌套的 OL，但这并不能像上面那样呈现我需要的东西

编辑

当然这很棒，直到 IE 露出丑陋的脑袋! (我想知道微软的开发人员必须考虑数百万关于他们产品的投诉。)我找到了这个解决方案 http://www.sitepoint.com/techy-treasures-5-fudging-css-counters-in-internet-explorer/并尝试实现它。

部分有效，但我不知道如何正确使用这个表达式:

  #css-counters-test li  
  {  
     zoom: expression(  
      (typeof step == "undefined" ? step = 1 : step++),  
      this.innerHTML = (typeof this.processed == "undefined"  
            ? ("<span class=before>" + step + ": </span>")  
            : "")  
        + this.innerHTML,  
      this.processed = true,  
      this.runtimeStyle.zoom = "1"  
      );  
  }

Answer 1

对于此类功能，您可以使用 counter-increment属性检查:

HTML

<ol>
  <li>item 1
    <ol>
      <li>sub item 1
        <ol>
          <li>sub-sub item 1</li>
          <li>sub-sub item 2</li>
          <li>sub-sub item 3</li>
        </ol>
      </li>
      <li>Sub item 2</li>
   </ol>
  </li>
  <li>item 2</li>
</ol>

CSS

ol {
  counter-reset: section;
  list-style-type: none;
}
ol ol ol{background:#c0c0c0; padding-left:10px;}       
ol li { counter-increment: section; }

ol li:before  { content: counters(section, ".") ". "; }

可以找到使用此属性的实例 here

相关阅读来自Opera dev site