tnblog
首页
登录

如何修改CSS中存在的element.style内联样式

179人阅读 2018/11/28 17:12 评论:0 手机 收藏 关注
分类: 前端

改腾讯地图的时候调整了下样式,发现样式一直存在问题,修改style里面的值,一点用都没有,html中这个值还找不到是在哪里出现的,只有在检查样式的时候才发现这个属性值。


在HTML中只有这一句


   <div style='width: 480px; height: 10px;' id="infoDiv"></div>


因为element.style是内联样式 ,在js或者css里写死了的 ,有时候是别人封装好了的,用的时候页面上修改不了 ,我们就找到那个标签修改优先级,也就是 ! important  


我在css里加了两个这个样式,因为是嵌套div,所以先找到嵌套下了属性,再让它属性优先


 #infoDiv>div>div {
            position: static!important;
        }
#infoDiv>div>ol {
           margin: 20px!important;
        }


成功效果


评价
真正的顺其自然,其实是竭尽所能之后的不强求,而非两手一摊的不作为
文章
6
粉丝
16
评论
8
分类
16
{{item.ArticleTitle}}
{{item.BlogName}} : {{item.Content}}