haizlin/fe-interview

[css] 第74天 说说你对!important的理解，一般在哪些场景使用？

Opened this issue · 4 comments

haizhilin2013 commented

第74天 说说你对!important的理解，一般在哪些场景使用？

xiangshuo1992 commented

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

forever-z-133 commented

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

  • 👎1
MrZ2019 commented

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

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

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