无法更改VueJs插件的.Css文件

Question

我正在使用vue-js-modal插件，并且在此插件中，有一个style.css文件。 在此文件中，我需要更改一些设置以自定义模式样式中的更改。 但是，当我访问此文件并更改所需内容，然后保存更改并运行应用程序时，模态页面看起来就像以前的样式和设置一样！ 当我打开控制台并检查元素并选择模式页面时，浏览器中的样式设置与之前的设置相同！ 我怎么解决这个问题？ 我是否需要构建包含style.css的文件？ 如果是，我该如何建造？ 如果没有，该如何解决？

Answer 1

如果使用单文件组件，为什么不覆盖自己想要更改的CSS规则，无论是在自己的CSS文件中还是在style标签中？

Answer 2

一个快速的解决方法是通过添加到文件的路径来更改css文件的版本。

旧的：“ / mycssfile.css”

新增：“ / mycssfile.css？1”

Answer 3

尝试在vue应用中使用Deep Selector重写模式CSS https://vue-loader.vuejs.org/guide/scoped-css.html#deep-selectors

对我来说语法如下

/deep/ p {
  margin-top: 0;
}