鍍金池/ 問答/HTML/ vue css內(nèi)聯(lián) !important 不起作用

vue css內(nèi)聯(lián) !important 不起作用

:style="{backgroundColor: '#ccc'}" 正常，
:style="{backgroundColor: '#ccc !important'}" 不能用

請問下，!important 要怎么加？
另外請問下： 這種小駝峰寫法的css怎么稱呼？

回答
編輯回答
貓小柒
這種小駝峰寫法的css怎么稱呼？

答：就叫駝峰式(camelCase)
看文檔與內(nèi)聯(lián) style 綁定(Binding Inline Styles)如下：

v-bind:style 的對象語法是非常簡單直接的 - 看起來非常像 CSS，其實(shí)它是一個(gè) JavaScript 對象。CSS 屬性名稱可以使用駝峰式(camelCase)或串聯(lián)式(kebab-case)（使用串聯(lián)式需要加引號）
2018年9月4日 19:32
編輯回答
夢若殤

style 內(nèi)聯(lián) 優(yōu)先級已經(jīng)是最高了，你要加important干什么

2017年6月22日 07:37
編輯回答
厭遇

你可以嘗試不用小駝峰的寫法，可以這樣寫

:style="{'background-color': '#ccc !important'}"

這樣寫就可以了。

2018年7月10日 21:54