javascript 中的样式循环元素

Question

I have a loop, printing 300 numbers. I want to set redcolor every 6 and 7 numbers. Is it possible in js?

Answer 1

Use nth-child(6n) and 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>