【Sass警告】 Sass‘s behavior for declarations that appear after nestedrules will be changing to match t

最新推荐文章于 2024-08-20 11:34:09 发布

小李很认真

最新推荐文章于 2024-08-20 11:34:09 发布

阅读量5.7k

点赞数 3

文章标签： sass 前端 css

本文链接：https://blog.csdn.net/lingrer/article/details/140770114

版权

运行项目时sass会出现这种警告虽然不影响代码运行，但是看着很不舒服

警告内容解释
Deprecation Warning: 表示这是一个废弃警告，意味着在未来的版本中，某些行为将会改变。
Sass's behavior for declarations that appear after nested rules: 这指的是在嵌套规则之后出现的声明。
will be changing to match the behavior specified by CSS: 表示Sass将改变其行为，以匹配CSS规范中的行为。
To keep the existing behavior: 如果你希望保持当前的行为，需要将声明移动到嵌套规则之前。
To opt into the new behavior: 如果你希望采用新的行为，可以将声明用& {}包裹起来。

方案一

版本是在1.77.7开始的。可以固定sass的版本在1.77.6之前。

npm install sass@1.32.13

方案二

声明移动到嵌套规则之前

 .line-box {
      &.right-box{
        position: absolute;
        top: 70px;
        right: 0;
      }
        width: 40%;
        height: 50px;
        display: flex;
        line-height: 50px;
    }

将声明用& {}包裹起来

修改前：

 .line-box {
      &.left-box{
        position: absolute;
        top: 70px;
      }
        width: 40%;
        height: 50px;
        display: flex;
        line-height: 50px;
    }

修改后：

 .line-box {
      &.left-box{
        position: absolute;
        top: 70px;
      }
      & {
        width: 40%;
        height: 50px;
        display: flex;
        line-height: 50px;
      }
   }