deep 优化

注意事项

 

1: 由于deep是vue-loader中的标准。并不是现行的 css标准。无论是 vue-cli2 中的static文件夹以及vue-cli3中的public文件夹都是仅仅执行了copy_webpack_plugin 所以两者中的css不能使用/deep/选择器。

2：deep不可以嵌套使用。嵌套使用的话，内层的deep不会被正确打包

3. 尽量不使用deep，必须使用的话，由于将来可能不支持/deep/深度选择，所以还是建议用>>>,而less中不支持>>>可采用以下方法

用变量代替>>>符号

<style scoped lang='less'>
    @deep: ~'>>>';
    .box {
        @{deep} .title {

        }
    }
</style>