计数器counter

今天就讲了2个属性：1、计数器 2、列规则

列规则很简单：
column-count:3; （列的具体个数）
column-width:30px;（列宽）N个浏览器不兼容
column-gap:10px;（列之间的缝隙间隔宽度）
column-rule（规定列之间的中间分割线宽度、样式和颜色规则）。

代码格式如下：
首先设置默认值：counter-reset:zhoujianjun 3;设置计数器的名字是zhoujianjun ，从3开始计数；

然后设置递增速度：counter-increment: zhoujianjun 2;首先定位到计数器，然后设置递增速度

最后设置计数：在某个标签的前面或后面设置计数：
p:before{content:counter(zhoujianjun); }

 

（注意！！before和after标签和content标签一起使用，不可单独使用！有这么一个铁三角关系：

（注意！！：：多个计数器可以一起设置：如：counter-reset:zhoujianjun 2 wangchuang 4 xiaomi 5 huawei 6）

（注意！！设置默认时只需给第一个标签设置默认值就好！）

无论位置在何方，只要有counter-increment，对应的计数器的值就会变化，counter()只是输出而已！）

转载于:https://www.cnblogs.com/daowangzhizhu-pt/p/5660941.html