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

回答