Big_Old_Fish的博客

今天在html文件头部写了一段js用来修改外部CSS文件的一个样式，其中外部文件中的该样式在应用到不同的media 中时各重写了一遍。调用js修改后每个media下的该样式都被改写。修改其中一个media下的样式优先级为!important，再调用js修改，其他media下的该样式均和之前一样被修改，而应用了!important的样式没有被修改，依然维持原状。结论：单纯调用js修改属性

media：device-width,orientationdiv{width:200px;height:100px;align:top center;}@media all and (max-device-width:1024px) {div{background-color:yellow;/*屏幕宽度小于等于1024px时*/}}@med