在javascript中为for中的循环元素设置样式

Question

我有一个循环，打印300个数字。我想每隔6和7个数字设置一次红色。在js中可能吗？

Answer 1

使用nth-child(6n)和nth-child(7n)

const container = document.getElementById('container');
for (let i = 1; i <= 300; i++) {
const elm = document.createElement('div');
elm.innerText = i;
container.append(elm);
}

#container div:nth-child(6n), #container div:nth-child(7n) {
color: red;
}

<div id="container"></div>