css - 在 IE 中，如何不重复地指定一堆仅列号不同的 div 的列号？

Question

因为 IE 很愚蠢，我发现自己需要执行以下操作：

    .myClass:nth-of-type(1){
      -ms-grid-column: 1;
    }
    .myClass:nth-of-type(2){
      -ms-grid-column: 2;
    }
    .myClass:nth-of-type(3){
      -ms-grid-column: 3;
    }

等等

有没有更优雅的方式？就像是：

    .myClass:nth-of-type(n){
      -ms-grid-column: n;
    }

标签： cssinternet-explorergrid

Answer 1

你的意思是，你想在 DIV 中输入数字？

如果是，那么您可以尝试遍历 DIV，然后尝试在其中插入数字。

以下是您可以尝试参考的一个示例。

var divs = document.getElementsByTagName("div");
for(var i = 1; i < divs.length; i++){
   //do something to each div like
   divs[i].innerHTML = i;
}

您可以根据需要修改代码。