2017-12-27 59 views
0

我的代码如下所示: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> 
+0

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

+0

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

+0

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

回答

2

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