Wordpress模板中包含的React应用程序会导致css问题

Question

我已经使用ReactJs创建了一个Web应用程序，我现在想要成为Wordpress页面的一部分。 Web应用程序使用react bootstrap进行样式设置。

这个想法是： 要使用wordpress模板，它只是渲染我的应用加载到的div：

Wordpress模板：

<div id="app"> </div>

应用程序的样式仅限于div“app”：

#app { 
//Bootstrap css + additional css used for the app
 }

这样我的应用程序的样式不会干扰wordpress模板的CSS，并且页面的页眉/页脚看起来很完美。

问题：

wordpress主题的css与div“app”中使用的bootstrap css冲突。因此，网络应用程序看起来像一团糟。

是否有（简单）方法忽略app div中wordpress模板的CSS？