使用较少 CSS 的深度选择器

Question

我在我的 vue 组件中使用了较少的 css。 我的一些组件需要对我以编程方式添加的元素使用“>>>”深度选择器。但是，当我这样做时出现“无法识别的输入”错误。

我想使用更少的语法来导入颜色、字体大小等变量，以将这些核心变量保存在一个文件中并在我的所有组件中使用它们。

有解决办法吗？

谢谢

Answer 1

如 Vue Loader 文档中的 here 所述，如果您的预处理器不允许使用 >>>，您可以使用 ::v-deep，预处理器应该忽略它，因为它是语法上有效的 CSS。