Css 使用.less文件覆盖Vuetify样式 我正在开发一个基于VUE和VueType的应用程序。到目前为止，该库在快速原型化新功能方面被证明是非常有用的。但现在我必须将应用程序中的样式与已指定的样式对齐，已在“.less”文件中完成

我知道可以覆盖Vuetify的SASS变量，但这意味着每次外部样式发生变化时，我都需要修改变量。这并不是我真正想要的，因为我希望尽可能顺利地将两者结合起来

---

我已经设法将较少的文件加载到应用程序中，但样式总是被Vuetify样式覆盖。以前有人遇到过这样的问题吗？

您应该检查的第一件事是，当您的

加载了更少的
文件时。如果要覆盖Vuetify样式，则必须在Vuetify样式之后加载
.less
文件

第二件事是，可能有一些Vuetify样式正在使用
！重要
规则。如果在Vuetify样式设置之后未对其进行修改，并且还包括
，则这将自动覆盖您的样式设置！重要
规则

最后但并非最不重要的一点是，如果Vuetify样式不使用
！重要信息
规则，您可以考虑自己使用它覆盖Vuetify样式。但是请记住，您应该防止使用
！重要信息
尽可能在任何地方。只有在确实没有其他解决问题的选项时才应使用它。
是的，这正是发生的情况。.less文件已加载并正常工作，但某些Vuetify样式已加载！重要的规则，这些规则高估了它们。我的所有样式都不使用！重要的是，正如我所知，使用它们不是一个好的做法。我只是想知道，除了逐个修改SASS变量之外，是否还有其他方法可以覆盖Vuetify完成的样式设置。如果没有，我想我应该考虑放弃Vuetify，因为修改组件以满足我的需要变得越来越困难。@maleficca如果Vuetify使用
，那就好了！重要信息
如果您没有，恐怕您将无法覆盖所需的样式。