!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 的优先级还高! 以前一直没注意过这个细节,今天学起来了

向本文提出修改或勘误建议