我有一些CSS类定义如下:
.class-1,
.class-2 {
grid-row: 1/2;
-ms-grid-row: 1;
}他们的行为和预期一样。但是,如果我交换属性的顺序,即将其更改为
.class-1,
.class-2 {
-ms-grid-row: 1;
grid-row: 1/2;
}然后IE看不到-ms-网格行属性(根据developer检查器,它不在那里)。Chrome在这两种情况下都可以看到网格行。
知道为什么会发生这种情况吗?在什么情况下会发生这种情况?我以前从未遇到过这个问题。我也在用Sass,如果有关系的话
发布于 2020-01-22 07:54:16
我做了一个最简单的样本,但没有重现这个问题。示例代码如下所示:
.class-1,
.class-2 {
-ms-grid-row: 1;
grid-row: 1/2;
}<div class="grid-container">
<div class="class-1">1</div>
<div class="class-2">2</div>
</div>
在IE中,它可以识别-ms-grid-row属性,尽管顺序如下:

此外,我认为它与sass无关,因为sass在使用时最终会转换为css。如果问题仍然存在,您可以提供一个最小的示例来复制它,然后我们可以进行测试,看看问题的原因。
https://stackoverflow.com/questions/59845531
复制相似问题