在reactjs应用程序中将CSS样式重置为默认值

Question

我正在使用bulma作为CSS框架的现有reactjs应用程序中开发博客及其所有逻辑。在博客管理方面，我正在使用wyswyg编辑器react-quill编辑每个博客内容，并使用react-render-html来呈现由react羽毛笔生成的html内容。呈现每篇博客文章的部分基本上如下：

posts.map((post, key) => (
    <div key={`post-${key}`}>
        <h1 className="title is-3">{post.title}</h1> 
        {renderHTML(post.body)}
    </div>)
);

问题在于，这将使用bulma样式渲染post html内容，而该样式覆盖了在wyswyg编辑器中设置的样式中指定的样式。因此，我的问题是如何只为包装每个博客文章的div重置默认样式。

谢谢。