css !important

很多情况下，你会使用 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!是粉色的

posted @ 2017-12-02 22:05  cjx_work  阅读(221)  评论(0)  编辑  收藏  举报