Javascript Vue.js：内联样式可以'；不要覆盖其他样式

我的代码如下所示：

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

{{object.text}

正如您在此屏幕截图中所看到的，此代码不会覆盖其他样式：

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

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

{{object.text}

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

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

为什么不直接覆盖.title并取消设置字体大小！重要吗？我不能这样做有几个原因，但我改变了类的名称，它现在工作得很好。发布你的答案和你是怎么做的，为什么不直接覆盖。标题和取消设置字体大小！重要吗？我不能这样做有几个原因，但我改变了类的名称，它现在工作得很好。张贴你的答案和你是如何做到的