Question

此问题完全在<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检查器编辑<style>标记，并在-webkit-touch-callout之后添加空格然后按回车键，则所有内容似乎都可以正确重新呈现，但我不认为CSS需要一个空间......

有谁知道如何解决这个问题？我在Safari中看到同样的东西，编辑样式标签也适用于那里，但我需要在网页呈现之前有效的东西

相关联的风格位于<iframe> <head> <style>

之内

enter image description here

Answer 1

好的，所以事实证明样式.sproutPage实际上并没有被应用到元素中，即使它出现在样式面板中 - 我意识到这是因为visibility: hidden会让一切都看不见，但只有在我将其关闭和开启后才会这样做

最后，它只是一些webkit检查错误

CSS应用于所有元素，而不仅仅是类

1 个答案: