用插件样式覆盖父样式（Vue | Gridsome）

Question

如何在通用样式上强制插件样式？

我有一个带有github-markdown.css的博客文章。 我想添加一个Twitter嵌入式插件。 它可以工作，但是嵌入的css被父（github-markdown.css）覆盖。

Post.Vue

<div class="markdown-body" v-html="$page.post.content" />

Test-Post.md

blah blah blah...

blah blah blah...

https://twitter.com/rasulkireev/status/1250081325689815040

由于它是一个blockquote，因此它的样式是这样。

不确定如何覆盖它。

这是此块的html呈现：

<div>
    <blockquote class="twitter-tweet" data-dnt="true" data-theme="light">
      <p dir="ltr" lang="en">
        tweet tweet tweet<br><br>?
      </p>
      — name (@name) 
      <a href="https://twitter.com/name/status/1091398258801500161">
        February 1, 2019
      </a>
    </blockquote>
</div>

我正在使用的插件是@ noxify / gridsome-plugin-remark-embed

提前感谢一吨。

这是启用此插件的方式：

gridsome.config.js

remark: {
          plugins: [
            '@gridsome/remark-prismjs',
          [ '@noxify/gridsome-plugin-remark-embed', {
              'enabledProviders' : ['Youtube', 'Twitter', 'Gist'],
            }]
          ]
        }