此问题完全发生在 <iframe> 中
CSS 看起来像这样
*{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}.page{position:absolute;left:0;top:0;width:100%;height:100%;visibility:hidden}
我的 .page样式正在应用于 <iframe> 中的所有内容, 即使它们只适用于 .page分类元素
如果我使用 chrome web inspector 编辑 <style> tag，在-webkit-touch-callout后面加一个空格然后按回车键，一切似乎都正确地重新呈现，虽然我不认为 CSS 在那里需要一个空间......
有谁知道我该如何解决这个问题？我在 Safari 中看到了同样的事情，编辑样式标签也在那里工作，但我需要在网页呈现之前工作的东西
关联样式在<iframe>内<head> <style>
最佳答案
好吧，事实证明 .sproutPage 样式实际上并未应用于元素，即使它显示在样式面板中——我意识到这一点是因为 visibility : hidden 会使所有内容不可见，但只有在我将其关闭和打开后才会这样做
最后，它只是一些 webkit 检查错误
关于javascript - CSS 应用于所有元素，而不仅仅是类，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30470184/