使用!important覆盖其它的样式

Override All Other Styles by using Important

---

耶！我们刚刚证明了行内样式将覆盖style 中定义的所有 CSS。

但是等一下，还有最后一种覆盖 CSS 的方法，这是所有方法中最强大的，但是在讲它之前，我们先讲讲为什么你要覆盖 CSS。

很多情况下，你会使用 CSS 库，这些库可能会意外覆盖掉你自己的 CSS。所以当你需要确保某元素具有指定的 CSS 时，你可以使用!important。

让我们再回到我们的 pink-text class 声明。还记得不？我们的 pink-text class 被随后的 class 声明、id 声明和行内样式所覆盖了。

让我们来给 pink-text 元素的 color 声明加上关键字 !important，以便 100% 确保你的 h1元素是粉色的。

举例如下：

color: pink !important;