如何修改element.style內(nèi)聯(lián)樣式

這篇文章給大家分享的是有關(guān)如何修改element.style內(nèi)聯(lián)樣式的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

　　我們在寫前面web頁面樣式的時候，會發(fā)現(xiàn)有些時候，我們怎么修改style里面的值，頁面上的樣式都不會修改，當(dāng)你用工具查看時，會發(fā)現(xiàn)里面會有element.style的值，這個值還找不到是在哪里出現(xiàn)的，還修改不了。

　　element.style內(nèi)聯(lián)樣式是什么

　　其實element.style是一種內(nèi)聯(lián)樣式，很多情況下是在一些JavaScript代碼里寫死的，這種方法相當(dāng)不好。但是有些時候，我們在使用第三方j(luò)s文件時，會遇到。哪么我們?nèi)绾稳バ薷乃?，在才源代碼中用!important語法優(yōu)先權(quán)來實現(xiàn)我們想要的效果。

　　修改element.style內(nèi)聯(lián)樣式

　　使用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規(guī)則，覆蓋了其余的html樣式字體申明

　　在iPhone6機型下，在Styles選定全局搜索font-size

　　發(fā)現(xiàn)系統(tǒng)默認的樣式CSS中內(nèi)聯(lián)樣式將字體設(shè)置為50px

感謝各位的閱讀！關(guān)于“如何修改element.style內(nèi)聯(lián)樣式”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！