gulp - sass生成的css部分不生效
本文介绍了gulp - sass生成的css部分不生效的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
今天做项目时,用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可以
急,急,急,求大神解答,谢谢
解决方案
贴一下dom结构,还有控制台对应dom的截图看看呗,这样子什么都看不出来,怀疑是你dom结构的问题,要不就是样式层级高低的问题
这篇关于gulp - sass生成的css部分不生效的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文