使用较少的CSS的深度选择器

Question

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

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

是否有解决方法？

谢谢

Answer 1

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