scss在嵌套的父元素属性覆盖子元素属性？

Question

代码：.login-main{
margin:0 auto;
background-color:#333333;
opacity:0.7;
height:100px;

.login-main-mid{
  div{
    width:440px;
    height:560px;
    background-color:#ffffff;
    opacity:1;
    
  }
}

}

在login-main设置opacity:0.7;在login-main-mid设置 opacity:1;透明度并不起作用？如何处理？

Answer 1

这个并不是预编译语法的问题，opacity本身就会影响子元素，也就是继承，两种解决办法
1.让两个盒子脱离嵌套关系，使用定位
2.使用rgba背景透明