我们在写前面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规则，覆盖系统样式。