counters() = [ counters(name, string) | counters(name, string, list-style-type) ]{1,}
counters()類似于重復(fù)使用了counter()，來看個(gè)示例
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()適合使用在需要繼承的章節(jié)上，而counter()更適合用在獨(dú)立的計(jì)數(shù)場(chǎng)景上。
| IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
|---|---|---|---|---|---|---|---|
| 6.0-7.0 | 2.0+ | 4.0+ | 3.1+ | 3.5+ | 3.2+ | 2.1+ | 18.0+ |
| 8.0+ |