1. <span id="z4nqb"></span>

      counters()

      語法:

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

      說明:

      重復(fù)插入計(jì)數(shù)器。
      • 在CSS2.1中counters()只能被使用在content屬性上。
      • 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ù)場景上。

      兼容性:

      • 淺綠 = 支持
      • 紅色 = 不支持
      • 粉色 = 部分支持
      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+

      示例:

      1. <span id="z4nqb"></span>
        精品欧美色视频网站在线观看 | www肏| 青青草免费在线视频 | 国产精品成人7777777 | 伊人色图吧 | 黄色免费视频大全 | 国产黄色大全 | 日本A级片网址 | 中国一区二区在线观看 | 三级视频在线观看网站 |