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

贴一下dom结构，还有控制台对应dom的截图看看呗，这样子什么都看不出来，怀疑是你dom结构的问题，要不就是样式层级高低的问题

Answer 2

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