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;
    }

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;
}

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