weex vue文件引入scss加scoped 无效

Question

@import"./static/mixin.scss";body{background-color:black(.5)!important;@includecss3(border-radius,10px);@includerotate(10);}不报错但是样式不起作用如果把scoped去掉起作用想用scoped应该怎么配置？在组件加了scoped好像不能设置body的样式内部样式可以作用···.greeting{margin-top:70px;font-size:50px;color:black(.5);background-color:black(.2);@includecss3(border-radius,10px);@includerotate(10);}又发现background:black(.5)!important;//可以作用background-color:black(.5);//可以作用background-color:black(.5)!important;//不起作用这是什么原因呢？

Answer 1

通过已使用的！important可以猜测你的样式应该是全局样式的影响，你的局部样式的权重没有全局样式的权重高所以不起作用。尤其是你设置的是body样式，这个最容易引起样式的覆盖，权重高的覆盖权重低的样式。