今天在寫前端樣式的時候,給圖片加寬,發現怎么也出不來效果,比較氣人。看着語法也沒錯啊,於是我打開了調試器,發現width:144px;的地方化了橫線,不起作用。而上方有一個
element.style{
width:60px;
} 如下圖所示
顯示效果:
更改我們自己定義的width不起作用,而在上面的element.style中可以更改。但是只能在調試台中更改,因為element.style找不到它所在的文件夾。
於是在網上搜了搜element.style的屬性(對它的講解可以自己搜一下,看一下專業的,我這只小菜鳥講不好啦~),大概說的意思就是,這是我引入外部js/css包里人家定義好的,他的這種樣式會把自己的樣式給覆蓋掉。需要在自己定義的樣式后面加上!important控制來優先使用自己的樣式。
於是我在自己定義的樣式后面加上了 !important
就恢復正常啦!
調試區的代碼element.style就不起作用了。
還有另外兩個方法,一個是換一個類似功能的標簽。
另外一個,就是既然不在css中,那最大可能,或者說一定?就在引入的js包中了,可以在js包中仔細檢查然后找到后修改屬性值。
希望對你有所幫助!