如何在 SCSS 中阻止子元素隐式继承父元素属性？

发布日期： 2024-10-24 阅读量： 作者： 网络

如何在 scss 中阻止子元素隐式继承父元素属性？

scss 子元素隐式继承父元素属性的解决方法

在 css 中，属性继承是一种隐式行为，即子元素可以继承父元素的样式。在 scss 中，这一继承也是存在的。

然而，有时我们可能希望子元素不受父元素样式的影响。以如下 scss 代码为例：

#action {
  position: absolute;
  bottom: 100px;
  left: 0;
  height: 150px;
  width: 200px;
  background-color: red;

  .hide {
    width: 40px;
    height: 100%;
    background-color: orange;
  }

  .panel {
    height: 100%;
    width: 156px;
    background-color: rgb(46, 187, 209)
  }
}

# css # 静态定位

上一篇: 微信小程序开发容器视图的使用

下一篇: 微信小程序开发rpx使用

如何在 SCSS 中阻止子元素隐式继承父元素属性？

随便看看