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样式，这个最容易引起样式的覆盖，权重高的覆盖权重低的样式。