Javascript 覆盖子组件'；VueJS中的内部类星体组件CSS
我正在使用VueJS中的类星体组件制作一个应用程序。我在父组件中导入了一个子组件。对于子类，我通过在样式标记中直接访问quasar类来覆盖和应用自定义css。问题是在父类中导入子类后，父类css应用于子类。即使我使用scope、module或deep，也没有任何效果，因为我想更改quasar组件的内部根css 我还尝试在created（）中的运行时设置孩子的样式，但没有任何效果，也不接受！同样重要的关键词Javascript 覆盖子组件'；VueJS中的内部类星体组件CSS,javascript,css,vue.js,quasar-framework,Javascript,Css,Vue.js,Quasar Framework,我正在使用VueJS中的类星体组件制作一个应用程序。我在父组件中导入了一个子组件。对于子类，我通过在样式标记中直接访问quasar类来覆盖和应用自定义css。问题是在父类中导入子类后，父类css应用于子类。即使我使用scope、module或deep，也没有任何效果，因为我想更改quasar组件的内部根css 我还尝试在created（）中的运行时设置孩子的样式，但没有任何效果，也不接受！同样重要的关键词 有没有办法在quasar组件根/内部css上应用自定义子css，而不让父css应用于子cs
有没有办法在quasar组件根/内部css上应用自定义子css，而不让父css应用于子css？请提供帮助。您必须从样式标记中删除范围字段，然后才能覆盖quasar类。
因为当您拥有范围时，框架会将哈希代码附加到您样式中的所有类和id名称，并且您的类名已更改。您必须从样式标记中删除范围字段，然后才能覆盖quasar类。
因为当您拥有作用域时，框架会将哈希代码附加到样式中的所有类和id名称，并且您的类名已更改。您可以在样式部分使用v-deep覆盖Quasar的类
.q项{
&：：v-deep{
.q-项目标签{
字号：18px；
}
}
}
请注意，您的第一个类（.q-项在我的示例中）必须是您使用的类星体组件的给定类。如果你使用q项组件，在它里面，类星体放上q项标签，在它里面放上q项的东西。。。使用q-item作为v-deep上方的第一个参数，如我的示例所示。您可以使用v-deep覆盖样式部分中的Quasar类
.q项{
&：：v-deep{
.q-项目标签{
字号：18px；
}
}
}