Vue scoped与深度作用选择器 /deep/

深度选择器

如果您希望scoped样式中的选择器“深入”，即影响子组件，则可以使用>>>组合器：

.a >>> .b{/* ... */}

以上将编译成：

.a[data-v-f3f3eg9] .b{/* ... */}

某些预处理器（如Sass）可能无法>>>正确解析。在这些情况下，您可以使用/deep/组合器 - 它是别名，>>>并且完全相同。

动态生成的内容

创建的DOM内容v-html不受范围样式的影响，但您仍然可以使用深度选择器设置它们的样式。