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>