如何添加超过4个项目的ul？

<ul>
  <li>项目1</li>
  <li>项目2</li>
  <li>项目3</li>
  <li>项目4</li>
  <li>项目5</li>
  <li>项目6</li>
</ul>

li:nth-child(1) {
  /* 样式设置 */
}

li:nth-child(2) {
  /* 样式设置 */
}

li:nth-child(3) {
  /* 样式设置 */
}

li:nth-child(4) {
  /* 样式设置 */
}

li:nth-child(5) {
  /* 样式设置 */
}

li:nth-child(6) {
  /* 样式设置 */
}

<ul id="myList"></ul>

var ul = document.getElementById("myList");

for (var i = 1; i <= 6; i++) {
  var li = document.createElement("li");
  li.textContent = "项目" + i;
  ul.appendChild(li);
}

<ul>
  <li>项目1</li>
  <li>项目2</li>
  <li>项目3</li>
  <li>项目4</li>
</ul>

li:nth-child(4)::after {
  content: "项目5";
  /* 样式设置 */
}

li:nth-child(4)::after {
  content: "项目6";
  /* 样式设置 */
}