!important到底有多important！

本文摘自勾三股四更早时期的不老歌博客。

<!DOCTYPE />
<html>

<head>
<style type="text/css">
body {
color: blue !important;
}
</style>
</head>

<body style="color: red;">
hello world
</body>

</html>

今天在某技术群里的小发现看上面的代码，hello world最终的颜色是什么？答案是蓝色比内联的 inline css 的优先级还高！

以前一直没注意过这个细节，今天学起来了