css中 !important的作用。

css样式有权重，比如权重大的会覆盖权重小的。!important表明权重最大。

如下css样式：

#example {
  font-size: 14px !important;	
}

#container #example {
  font-size: 10px;
}

在上面的代码示例中，由于使用了!important，id为“example”的元素字号将被设置为14px。

如果不使用!important，第二个样式声明的代码块很自然地比第一个的权重要大，原因有二：在样式表中第二个代码块要比第一个出现的晚（即，它位列第二）；第二个代码块有更大的权重（是由两个id，#container #example组合而成，而不是只有一个id，#example。但是因为第一个代码块里面包含了!important，所以对于字号设置来说它有更大的权重。

参考: https://www.w3cplus.com/css/the-important-css-declaration-how-and-when-to-use-it.html