WordPress中CSS !important有不同优先级吗？异常代码疑问

这绝对不是WordPress原生会出现的情况，核心代码根本不会生成这种乱七八糟的CSS。

先看你贴的这段代码：

line-height: 1em!important;!importnt;!importqnt;!importqn;!importq;!import;!impor;!impo;!imp;!im;!i;!;

这里面只有line-height: 1em!important;是合法有效的CSS规则，后面那些!importnt、!imp之类的全是语法错误，浏览器直接就忽略了。这也不是什么“多层级!important规则”——CSS里根本没有这种写法，多个!important叠在一起也没用，而且这些连拼写都不对。

出现这种情况的原因无非几种：

• 主题或者你自己加的自定义代码写错了：可能是开发者想强行提升样式优先级，瞎写了一堆错误的!important变体；
• 用了某些低质量的可视化页面编辑器插件，生成代码时出了bug，把这些无效内容塞进去了。

说白了就是人为的代码错误（或者插件/主题的bug），和WordPress本身没关系。

内容的提问来源于stack exchange，提问作者DaveC426913