CSS中强制提升样式应用

!important为开发者提供了一个增加样式权重的方法，比直接在元素的 style 属性中设置 CSS 声明还要高， 一般用在 CSS 覆盖 JavaScript设置上

 1 <!DOCTYPE html>
 2 <html lang="ch-zn">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <style type="text/css">
 7     #Box div {
 8         color: red;
 9     }
10     .c1 {
11         color: blue;
12     }
13 
14     .c2 {
15         color: green !important;
16     }
17 </style>
18 </head>
19 <body>
20     <div id="Box">
21         <div class="c1">
22             <p>我是段落标签1</p>
23             这一行末使用!important</div>
24         <div class="c2">
25             这一行使用了!important</div>
26     </div>
27 
28 </body>
29 </html>

 

posted @ 2020-04-10 09:57  CherryYang  阅读(1616)  评论(0)    收藏  举报