!important和js设置css的优先级谁高？

Question

!important和js设置css的优先级谁高？

Answer 1

当在一个样式声明中使用一个!important 规则时，此声明将覆盖任何其他声明。虽然技术上!important与特异性无关，但它与它直接相关。

使用 !important 是一个坏习惯，应该尽量避免，因为这破坏了样式表中的固有的级联规则 使得调试找bug变得更加困难了。当两条相互冲突的带有 !important 规则的声明被应用到相同的元素上时，拥有更大优先级的声明将会被采用。

一些经验法则：

Always 要优化考虑使用样式规则的优先级来解决问题而不是 !important
Only 只在需要覆盖全站或外部 css（例如引用的 ExtJs 或者 YUI ）的特定页面中使用 !important
Never 永远不要在全站范围的 css 上使用 !important
Never 永远不要在你的插件中使用 !important

请参考MDN：优先级 - CSS | MDN

Answer 2

!important

Answer 3

！important最高

Answer 4

!important最高 js操作到最后也是生成css或者内联啊

Answer 5

!important