CSS优先级的问题

CSS优先级的问题

我们知道，CSS写在不同的地方有不同的优先级， .css文件中的定义 < 元素style中的属性，但是如果使用!important，事情就会变得不一样。
例如
html 代码

<style>
    .div{color:red !important;}
</style>
<div class="div" style="color:blue">
    Hello World
</div>

示例中的字体颜色会是红色
这就表示!important的优先级是最高的

由此引发出一个问题，就是bootstrap中定义的.hide样式
.hide {
display: none !important;
}
页面元素加上这个class就会隐藏
但是使用jquery的$(element).show()让隐藏的元素再显示是无效的
因为$(element).show()是在页面元素的style里改变display属性的
实际应用时注意一下