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

【问题标题】：CSS being applied to all elements, not just the classCSS 应用于所有元素，而不仅仅是类
【发布时间】：2015-08-08 19:32:26
【问题描述】：

这个问题完全发生在<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> 标签，并在 -webkit-touch-callout 之后放置一个空格，然后按回车键，一切似乎都可以正确重新渲染，尽管我认为 CSS 不需要在那里有空格.. .

有谁知道我该如何解决这个问题？我在 Safari 中看到了同样的东西，并且编辑样式标签也可以在那里工作，但我需要在网页呈现之前工作的东西

关联的样式在<iframe><head><style>内

【问题讨论】：

.page 还是 .sproutPage？
.sproutPage 但相同的区别 - 请参阅下面的答案

标签： javascript html css google-chrome webkit

【解决方案1】：

好吧，事实证明.sproutPage 样式实际上并没有应用于元素，即使它显示在样式面板中——我意识到这一点是因为visibility: hidden 会使所有内容不可见，但仅一旦我关闭和打开它就会这样做

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

【讨论】：