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

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

正如你在这张截图看到，该代码不会覆盖其他样式： https://i.stack.imgur.com/d7uGZ.png

如果我使用“！重要”标志，它不会在所有

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

2017-12-27 Rundik

为什么不只是覆盖.title和取消设置font-size！important？ –

我不能这样做，原因有两个，但我改变了班级的名称，现在它可以工作 – Rundik

好。发布你的答案和你是如何做到的 –

类“称号”添加任何风格是从其他的框架，所以我只是改变了这一类的名称和它瓦特orks now fine

2017-12-27 14:12:54 Rundik

回答