如何为一行中的3个单元格创建递增的背景颜色？

<style>
.incremental-cell:nth-child(1) {
  background-color: #ff0000; /* 第一个单元格的背景颜色 */
}

.incremental-cell:nth-child(2) {
  background-color: #00ff00; /* 第二个单元格的背景颜色 */
}

.incremental-cell:nth-child(3) {
  background-color: #0000ff; /* 第三个单元格的背景颜色 */
}
</style>

<script>
window.onload = function() {
  var parentElement = document.getElementById("parent-element"); // 替换为实际的父元素ID
  var cells = parentElement.querySelectorAll(".incremental-cell");

  for (var i = 0; i < cells.length; i++) {
    cells[i].classList.add("incremental-cell");
  }
}
</script>