css !important

前端独秀

于 2019-08-31 23:08:35 发布

阅读量110

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： css

原文链接：https://www.mk2048.com/blog/blog.php?id=j21aij1j&title=css+%21important

前端专栏收录该内容

493 篇文章

订阅专栏

本文讲解了在CSS中使用!important确保样式优先级的技巧。当外部库可能覆盖自定义样式时，了解如何正确使用!important至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

!important

。

 1 <style>
 2   body {
 3     background-color: black;
 4     font-family: Monospace;
 5     color: green;
 6   }
 7   #orange-text {
 8     color: orange;
 9   }
10   .pink-text {
11     color: pink !important;
12   }
13   .blue-text {
14     color: blue;
15   }
16 </style>...

17 <h1 id="orange-text" class="pink-text blue-text" style="color: white">Hello World!</h1>

Hello World!是粉色的