Vue.js：内联样式无法覆盖其他样式

Question

我的代码如下所示：

<div
    class="title"
    :style="{
    fontSize: (object.text.length > 8 ? '0.7' : '1') + 'em'
}">
    {{object.text}}
</div>

如您在此屏幕截图中所见，此代码不会覆盖其他样式： https : //i.stack.imgur.com/d7uGZ.png

如果我使用“！important”标志，则根本不添加任何样式

<div
  class="title"
  :style="{
    fontSize: (object.text.length > 8 ? '0.7' : '1') + 'em !important'
}">
  {{object.text}}
</div>

Answer 1

类“ title”来自其他框架，所以我刚刚更改了此类的名称，现在可以正常使用