::before

li::before{
      content:url(./images/icons/yes.png);    
      padding-right:6px;
      vertical-align: middle;
    }

　　可用于在li前面加图片内容

 

div.sale::after {
                content: "";
                width: 10px;
                height: 10px;
                display: inline-block;
                border-left: 2px solid #999;
                border-bottom: 2px solid #999;
                -webkit-transform: rotate(45deg);
                transform: rotate(-45deg);
                margin-bottom: 2px;
            }

可用户在某标签后添加三角标记