1

我遇到了一个特定于 IE9 的问题，需要一些帮助才能找到它的根源。我们在我们的项目中使用 SCSS，随着项目的发展，有时会出现我们有一个带有深树的文件。

这是破坏页面布局的 SCSS 构造（似乎根本没有应用此样式之后的样式）：

.a {
  ...
  .b {
    ...
    .c, .d, .e, .f {
      ...
      .g {
        ...
        .h {
          ... 
        }
      }
    }
  }
}

删除类 .h 可以解决问题。删除类 .f 也解决了这个问题。

这种构造IE9也不喜欢：

.a {
  ...
  .b {
    ...
    .c, .d, .e {
      ...
      .g {
        ...
        .h {
          ... 
        }
        .i {
          ... 
        }
      }
    }
  }
}

可能是什么原因？我已经检查过这个问题不取决于类名的长度。

4

1 回答 1

1

谢谢大家调查。我已经解决了这个问题，同时最小化了将示例上传到 jsFiddle 的 css 文件。实际上，我们超出了每个样式表 4096 个选择器的 IE 限制，这导致了布局问题。尽管该浏览器声称具有相同的选择器限制，但我仍然不明白为什么相同的 css 文件在 IE8 中有效。

于 2012-08-29T16:25:15.480 回答