我們在寫前面web頁面樣式的時候，會發現有些時候，我們怎麼修改style裡面的值，頁面上的樣式都不會修改，當你用工具查看時，會發現裡面會有element.style的值，這個值還找不到是在哪裡出現的，還修改不了。
element.style內聯樣式是什麼
其實element.style是一種內聯樣式，很多情況下是在一些JavaScript代碼里寫死的，這種方法相當不好。但是有些時候，我們在使用第三方js文件時，會遇到。哪么我們如何去修改它呢，在才源代碼中用!important語法優先權來實現我們想要的效果。
修改element.style內聯樣式
使用jqweui的拓展組件picker的時候，在瀏覽器尺寸不同的時候，一些尺寸下組件的樣式會出錯
Plus機型.png
Plus以下尺寸.jpg
很容易看出布局出錯是因為字體大小過大出錯
查看query-weui.css
html{
font-size:20px;
}
body{
font-size:16px;
}
@mediaonlyscreenand(min-width:400px){
html{
font-size:21.33333333px!important;
}
}
@mediaonlyscreenand(min-width:414px){
html{
font-size:22.08px!important;
}
}
@mediaonlyscreenand(min-width:480px){
html{
font-size:25.6px!important;
}
}
jquery-weui.css對尺寸400px、414px、480px的機型使用了!important規則，覆蓋了其餘的html樣式字體申明
在iPhone6機型下，在Styles選定全局搜索font-size
發現系統默認的樣式CSS中內聯樣式將字體設置為50px
html樣式
總之，element.style內聯樣式，具有最高的優先順序，在網上搜索出的方法就是跟jquery-weui.css對3種尺寸的做法類似，增加!important規則，覆蓋系統樣式。