【求解】关于移动端word-beak遇到的bug

今天在移动端遇到一个bug。完全不符合css所谓的就近原则和权重值问题。

由于是英文站 涉及到了 word-beak:keep-all;word-wrap: break-word; 这个css；

然而今天发现移动端就是不起作用

就算我写出了 *{word-break:break-all !important} 也还是没用

然后搜了好久解决方案（略过N分钟）

最后尝试删除reset所有css 发现可以换行了。。

然后逐步排除。。发现html存在一条 {word-break: break-all;}

就这样一条。导致我费了很久时间。

但是我还是没懂 为什么 这里不符合就近原则。

就算是覆盖 *{}在后面也应该覆盖了啊。。但是就是英文单词被分割了。。

求解答。

Ps:测试环境-手机qq浏览器。