使用较少CSS的深度选择器

Question

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

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

是否有解决方法？

谢谢

Answer 1

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