伪元素添加媒体文件

伪元素添加内容：content:””引号里面填写要添加的内容

伪元素添加媒体文件：content:url(媒体文件路径)

伪元素引入属性值：content:attr(属性名)

counter计算机

CSS计数器只能跟content属性在一起的时候才有作用，
而content属性貌似专门用在before/after伪元素上的。
于是，就有了，“计数器↔伪元素↔content属性”的铁三角关系

  1.     counter的成员主要有三个：
  2.         counter-reset（计数器声明及初始值设置）
  3.         counter-increment（递增规则）
  4.         counter(name,连接符)/counters(计算结果生成)
  6.     counter-reset主要有三个属性。
  7.         none：默认。不能对选择器的计数器进行重置。
  8.         name num：name即标记计数器名称，num即记录计数器初始值。num非必写，默认为0。
  9.         inherit：规定应该从父元素继承 counter-reset 属性的值。
  11.     counter-increment主要有三个属性。
  12.         none：没有计数器将递增。
  13.         name num：name即选择递增的计数器，num即增量。num非必写，默认为1，可以是正数、零或者负数。
  14.         inherit：指定counter-increment属性的值，应该从父元素继承。
  16.          .reset{
  17.         counter-reset: yi;/*定义计数器的名字*/
  18.         padding-left:15px;
  19.     }
  20.     .counter::before{
  21.         /* countent：后一定是conters（计数器的名字，继承计数的连接符）  "章节符号跟内容的连接符" */
  22.         content: counters(yi,"-"); 
  23.         counter-increment:yi;