!important 的作用？

有的时候你在学习一个网站的代码的时候，你会发现有些地方的样式会出现 ！important ；

例如：p{ font-size:50px !important; }

那么！important的作用是什么呢？

简单来说，！important就是一个增加权重的方法，或者说是提高某个样式的优先级的作用；

<div class="abc">我是abc
           <div class="def">
                我是def
           </div>
      </div>

样式是：

.def{font-size:100px;}
.abc .def{font-size:20px;}

我们可以看到内嵌的def是按照第二个样式显示的，也就是20px ;

第二个样式的优先级较高，并且还处于下方，会覆盖上方的样式；

我们修改样式，添加 ！important：

.def{font-size:100px !important;}
.abc .def{font-size:20px;}

可以看到，def的字体大小是按第一个样式来的，优先级因为添加 !important 而变得最大；