scss样式里:after的用法

scss样式里:after的用法

这是一个动态特效,数字要挨着蛋且居中这是数字为一位数时
这是两个动态特效,要求数字要挨着蛋且居中,这个时候因为数字并不统一,可能为一位数可能为两位数,这个时候就要用到 :after

 p{
    line-height:39px;
     font-size:34px;
     font-weight:bold;
     color: #ff9b4b;
     width: 100%;
     text-align: center;
     &:after {
       content: "";
       display: inline-block;
       width:32px;
       height: 39px;
       background: url("../../images/img/egg.png");
       background-position: center;
       background-repeat: no-repeat;
       vertical-align: middle;
       background-size: 32px 39px;
       margin-top: -10px;
                }
              }

你可能感兴趣的:(css,scss,:after,css,css3,html,html5)