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”來自其他框架，所以我剛剛更改了此類的名稱，現在可以正常使用