Vue.js:内嵌样式不能覆盖其他样式
问题描述:
我的代码如下所示: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>
答
类“称号”添加任何风格是从其他的框架,所以我只是改变了这一类的名称和它瓦特orks now fine
为什么不只是覆盖.title和取消设置font-size!important? –
我不能这样做,原因有两个,但我改变了班级的名称,现在它可以工作 – Rundik
好。发布你的答案和你是如何做到的 –