content属性一般用于::before、::after伪元素中，用于呈现伪元素的内容。平时content属性值我们用的最多的就是给个纯字符，其实它还有很多值可供选择。

1、插入纯字符

    
1、插入纯字符
    
    

2、插入图片

    
2、插入图片
    
    

3、插入元素属性

    
3、插入元素属性
    
    

4、插入当前元素编号(即当前元素索引)

这个特性可用于活动页面的规则介绍。

    
4、插入当前元素编号(即当前元素索引)
    
    
        
     
            
      
       
        我是第1个li标签
       
            
      
       我是li标签中的第1个div标签
      
            
      
       
        我是第2个li标签
       
            
      
       
        我是第3个li标签
       
            
      
       我是li标签中的第2个div标签
      
            
      
       
        我是第4个li标签
       
            
      
       
        我是第5个li标签
       
        
     
    
    

5、插入当前元素编号(指定种类)

    
5、插入当前元素编号(指定种类)
    
    
        
     
            
      
       
        我是第1个li标签
       
            
      
       我是li标签中的第1个div标签
      
            
      
       
        我是第2个li标签
       
            
      
       
        我是第3个li标签
       
            
      
       我是li标签中的第2个div标签
      
            
      
       
        我是第4个li标签
       
            
      
       
        我是第5个li标签