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>
爲什麼不只是覆蓋.title和取消設置font-size!important? –
我不能這樣做,原因有兩個,但我改變了班級的名稱,現在它可以工作 – Rundik
好。發佈你的答案和你是如何做到的 –