首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如果网格行出现在网格行之前,为什么-ms-网格行不能工作?

如果网格行出现在网格行之前,为什么-ms-网格行不能工作?
EN

Stack Overflow用户
提问于 2020-01-21 16:36:48
回答 2查看 117关注 0票数 0

我有一些CSS类定义如下:

代码语言:javascript
复制
  .class-1,
  .class-2 {
    grid-row: 1/2;
    -ms-grid-row: 1;
  }

他们的行为和预期一样。但是,如果我交换属性的顺序,即将其更改为

代码语言:javascript
复制
  .class-1,
  .class-2 {
    -ms-grid-row: 1;
    grid-row: 1/2;
  }

然后IE看不到-ms-网格行属性(根据developer检查器,它不在那里)。Chrome在这两种情况下都可以看到网格行。

知道为什么会发生这种情况吗?在什么情况下会发生这种情况?我以前从未遇到过这个问题。我也在用Sass,如果有关系的话

EN

Stack Overflow用户

发布于 2020-01-22 07:54:16

我做了一个最简单的样本,但没有重现这个问题。示例代码如下所示:

代码语言:javascript
复制
.class-1,
.class-2 {
  -ms-grid-row: 1;
  grid-row: 1/2;
}
代码语言:javascript
复制
<div class="grid-container">
  <div class="class-1">1</div>
  <div class="class-2">2</div>
</div>

在IE中,它可以识别-ms-grid-row属性,尽管顺序如下:

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

票数 1
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59845531

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档