Css Wordpress插件(divi和elementor)干扰了我的Vue应用程序样式

Css Wordpress插件(divi和elementor)干扰了我的Vue应用程序样式,css,wordpress,vue.js,vuetify.js,elementor,Css,Wordpress,Vue.js,Vuetify.js,Elementor,我是一个新的WordPress用户,但我已经编写了一段时间了。我通过插件成功地将我的Vue应用程序集成到WordPress。我面临的问题是,有一些插件的css干扰了我的应用程序风格,我已经修复了大部分。在我的例子中是elementor和divi插件 页面中的所有图标都自动呈现为复选框。页面上的第一个“复选框”应该是收音机的,如果您单击“下一步”查看其他“问题卡”,您将只看到复选框 卡=按下底部的nästa按钮将显示一张新卡 在devtools中检查元素的css时,我可以看到divis的css被应

我是一个新的WordPress用户,但我已经编写了一段时间了。我通过插件成功地将我的Vue应用程序集成到WordPress。我面临的问题是,有一些插件的css干扰了我的应用程序风格,我已经修复了大部分。在我的例子中是elementor和divi插件

页面中的所有图标都自动呈现为复选框。页面上的第一个“复选框”应该是收音机的,如果您单击“下一步”查看其他“问题卡”,您将只看到复选框

卡=按下底部的nästa按钮将显示一张新卡

在devtools中检查元素的css时,我可以看到divis的css被应用于它,因为(我认为)Vuetify和divi共享相同的属性名,而divi的css显然覆盖了我的属性名。对于一些缺陷元素,我能够通过添加带有css的特定类来修复它,特别是针对破坏性的css属性。然而,对于这个图标问题,我还没有想出一个解决方案

我遇到的第二个小问题是,我希望能够完全删除页脚。我尝试自定义其他css并将其放入:

.page-id-2627 #page-container .ekit-template-content-footer{
display: none;
}
但没有效果。如有任何建议,将不胜感激

我需要帮助的页面: