css - 如何删除一个CSS类？

Question

我在一个 div 中显示一个 c3 图表 (vue-c3)。 我附上了显示 display:block 被 c3 类覆盖的图像。表中的第一行显示了所需的行为(即我使用 Chrome Elements 选项卡删除了 c3 类的行)。 如何删除 c3 类？或者我如何强制 display:block(!important 和使用 inline-style 不起作用)？

after removing c3

css

更新: 我什至不必在任何地方添加 display:block。仅删除 c3 即可获得所需的结果。代码是

<template>
  <div >
    <vue-c3  :handler="handler"/>
  </div>
</template>

Answer 1

原来是其他人在 override.styl 全局 css 文件中编写了这段代码:

.vuec3-chart.c3 > svg{
    width:100% !important;
}

将其注释掉，一切都按预期工作，无需编写任何样式或类。 难以跟踪的原因是存在一个文件 c3.styl，我在其中寻找全局 css，但此代码位于 override.styl 中。