sass生成的css部分不生效

Question

今天做项目时，用sass编写CSS，用gulp中的gulp-sass模块把sass编译成css,css成功生成，但是打开网页，有部分css不生效是怎么回事
这是sass代码

.best{

    padding:0.1rem 0;

    img{

        width:0.5rem;

        height:0.5rem;

        margin-right:0.04rem;

    }

} 

.share{

    height:20rem;

    background:rgba(0,0,0,0.6);

    position:fixed;

    z-index: 20;

    left: 50%;

    margin-left: -3.75rem;

}

    

也能生成对应的css，但是.share无法应用到网页中,.best可以
急，急，急，求大神解答，谢谢

Answer 1

大胆的猜测： .share是行内元素~