Vue-深度选择器 /deep/

[PleaseStartYourPerformance]

vue组件编译后，会将 template 中的每个元素加入 [data-v-xxxx] 属性来确保 style scoped 仅本组件的元素而不会污染全局，但如果你引用了第三方组件：

（这是 组件的源码： https://github.com/airyland/vux/blob/v2/src/components/group/index.vue ）

所以，如果你期待通过如下方式修改 weui-cells 的样式。是没有任何效果的：

<style scoped>
    .fuck .weui-cells {
        // ...
    }
</style>

这是因为，所有的scoped中的css最终编译出来都会变成这样：

.fuck[data-v-17bb9a05] .weui-cells[data-v-17bb9a05]

原文链接：https://www.cnblogs.com/CyLee/p/10006065.html