控制台警告：/deep/

Question

描述

vue开发中控制台警告：
/deep/ combinator is no longer supported in CSS dynamic profile.

背景及自己尝试过哪些方法

1. vue-cli3 开发，使用css预处理less；
2. 修改elementui样式使用：/deep/ ；
3. 控制台出现如上警告；

尝试解决：

• 在/deep/前加父级class（同样警告）

期望

控制台正常

Answer 1

貌似是deep快要被移除了吧，配置文件已经不支持了。
建议使用深度选择器 >>> 试一试·

要用变量转一下

<style scoped lang="less">
@deep: ~'>>>';
.content-form {
     @{deep} .el-button {
        width: 50px;
      }
    }
</style>

Answer 2

css深度选择是用>>>，你css样式style标签加上lang="scss"