为什么在iPad上内嵌CSS规则覆盖！重要的

正常情况下！重要声明覆盖正常声明

但在iPad上我发现我的CSS规则！重要信息被内联CSS规则覆盖（使用javascript添加）

（我用Mac在Safari上查过，我没有这个问题，Android平板电脑也没有）

有人知道为什么吗

编辑：我的问题是，我的页面上有一个twitter小部件，当我从纵向切换到横向时，它有一个iPad：小部件保持纵向大小

---

使用CSS工作表时，首先要将所有样式信息放在一起。

---

如果您使用javascript或jquery添加或修改元素，它将添加新规则，因为它会覆盖所有内容。

如果您制作一个显示问题的测试用例/演示，您的问题更有可能得到答案。@thirtydot我添加了问题的屏幕截图，是否有帮助？或者您可能正在考虑使用JSFIDLE？这有点帮助，但我的意思是等等。需要一个显示问题的实时测试页面来调试它。否则，必须有人自己尝试制作一个测试用例（工作量太大），或者他们必须已经知道答案（不太可能）。您确定您正在检查DOM的正确部分吗？你能提供一个更大的图片或更完整的例子吗？

元素.style

表示

宽度：520px

但高亮显示的内联样式同时显示

宽度：520px

和

宽度：180px。但是文本的其余部分被截断了。我相信内联样式将覆盖任何（包括！重要的）其他CSS。