chrome中标签默认属性无法覆盖的问题

 前端学习中遇到一个莫名其妙的问题。

div默认属性display: block;

我用类标签覆盖
.display-inline{
    display:inline !important;
}

ie下正常，chrome（版本号59.0）中无法覆盖。

只能用<div style="display:inline;"></div>这样的方式才可以覆盖。

为什么呢？

怎么可能。。不用加important也照样覆盖

 <style>
    .display-inline{
    display:inline ;
    }
</style>
<div class="display-inline">div</div>abc

是不是后面又调用什么css覆盖了

可以清除一下历史记录试试，有可能是缓存了之前的css文件，一直显示之前的效果