SCSS 嵌套元素中的属性继承：为什么子元素会继承父元素的 `position: absolute`？

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

css nested elements inheritance confusion in scss

当将 CSS 代码转换为 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);
}

#action .hide { /* Intentionally omitted */ }

# css

上一篇: PHP 函数的函数指针如何与用户自定义函数配合使用？

下一篇: 如何解决 Go 语言中函数重载不兼容的情况？

SCSS 嵌套元素中的属性继承：为什么子元素会继承父元素的 `position: absolute`？

随便看看