head-img Force's Blog

Vue 深度选择器/deep/报警告:/deep/ combinator is no longer supported in CSS dynamic profile.

Less,CSS

vue开发中控制台警告:
/deep/ combinator is no longer supported in CSS dynamic profile.
应该是/deep/ 在将来会被移除
解决方案:

<style scoped lang='less'>
.a >>> .b { 
}
</style>

有些像 Sass 之类的预处理器无法正确解析 >>>。这种情况下你可以使用 /deep/ 或 ::v-deep 操作符取而代之——两者都是 >>> 的别名,同样可以正常工作。

由于将来可能不支持/deep/深度选择,所以还是建议用>>>,而less中不支持>>>可采用以下方法

用变量代替>>>符号

<style scoped lang='less'>
    @deep: ~'>>>';
        .box {
            @{deep} .title {
        }
    }
</style>
点我评论
打赏本文
二维码


86

文章

23

标签