Vue.js：内联样式不能覆盖其他样式

Question

我的代码如下所示：

.navbar{
      border-bottom: 1px solid gray;
}

.background{
    background-color:orange;
}

.content{
  height:320px;
}

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

如果我使用＆＃34;！important＆＃34; flag，它根本不添加任何样式

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

Answer 1

Class＆＃34; title＆＃34;来自其他框架，所以我只是更改了这个类的名称，现在工作正常