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

问题描述

问 题

代码：.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;透明度并不起作用？如何处理？

解决方案

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

这篇关于scss在嵌套的父元素属性覆盖子元素属性？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！