Css优先级 - !important

问题：

.button {
    border-color: rgba(30,50,80,.3) !important;
    color: rgba(30,50,80,.6) !important;
    background-color: #fff !important;
}

最近看到一个这样的Css，里边的!important，不知道啥作用。

结论：

Css优先级：!important > id > class

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