!important 可以让样式的特指度最高，覆盖任何样式，而且本身不可被覆盖。
一般场景就是用来强制覆盖其他样式，用的比较少，不建议使用，因为别人没法覆盖这个样式，维护性比较。

使用场景好像几乎没有，还是调整权重比较好。

!important 可以让样式的特指度最高，覆盖任何样式，而且本身不可被覆盖。
一般场景就是用来强制覆盖其他样式，用的比较少，不建议使用，因为别人没法覆盖这个样式，维护性比较。

  .heart {
    position: relative;
    width: 100px !important;
    height: 90px !important;
  }
  .heart {
    width: 200px !important;
    height: 200px !important;
  }

important声明在后面的会覆盖前面的，谷歌浏览器中表现是这样