有时候在我们编辑页面修改页面的css时，发现怎么添加css样式都不起效果，当我们在浏览器里面审查元素的时候回发现，不知不觉就有一个叫element.style的东西无形中添加了一些我们不需要的样式，这个不是问题，但是它影响我们页面的美观，并且怎么给元素添加样式都不能覆盖它这就是大问题了。

首先我们想到的必然的是不是在什么地方给它加了什么样式破坏了，但是我们找啊找发现没有，有时候我们可以用js来修改样式，但是发现这样也无济于事，这个时候我们就应该想到，既然是css样式，影响它的要么是源代码，要么就是css优先级比较高，所以我们解决的办法就是提升样式的优先级，!important可以使样式优先级最高,此时样式就可以覆盖了。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<style>
    body{
        margin: 0 !important;
        padding: 0 !important;
    }
</style>

</head>
<body style="overflow:hidde; height: 100%; border: none; margin: 10px; padding: 10px;" >  
    <div class="wrap" style="background-color: gray;width: 300px;">
        <ol>
            <li>有序列表1</li>
            <li>有序列表2</li>
            <li>有序列表3</li>
        </ol>
    </div>
</body>

审查元素的样式