counters()

counters() = [ counters(name, string) | counters(name, string, list-style-type) ]{1,}

• 在CSS2.1中counters()只能被使用在content屬性上。

• counters()類似于重復使用了counter()，來看個示例

  HTML：

  <ol class="test"> <li>Node <ol> <li>Node</li> <li>Node</li> </ol> </li> <li>Node</li> <li>Node</li> </ol>

  counters()：

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

  counter()：

  .test2 { counter-reset: item; } .test2 li { counter-increment: item; } .test2 li:before { content: counter(item)"."; } .test2 li li { counter-increment: subitem; } .test2 li li:before { content: counter(item)"."counter(subitem); }

  從上述代碼可以看出，counters()適合使用在需要繼承的章節上，而counter()更適合用在獨立的計數場景上。

• 淺綠 = 支持
• 紅色 = 不支持
• 粉色 = 部分支持