要添加超过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";
/* 样式设置 */
}
以上是三种常用的方法来添加超过4个项目的ul。具体使用哪种方法取决于你的需求和实际情况。
领取专属 10元无门槛券
手把手带您无忧上云