Html 每3<；添加一个分隔符（一个<；div>；或一个行分隔符）；李>；
我正在构建一个站点，获取JSON数据并填充该站点，因此我得到了未知数量的项，这些项位于3列上，我希望每行之后都有一个好看的行 当它是静态内容时，我所做的是：Html 每3<；添加一个分隔符（一个<；div>；或一个行分隔符）；李>；,html,css,Html,Css,我正在构建一个站点，获取JSON数据并填充该站点，因此我得到了未知数量的项，这些项位于3列上，我希望每行之后都有一个好看的行 当它是静态内容时，我所做的是： <ul> <li></li> <li></li> <li></li> <div class="separator"></div> <li></li> <li></li&
<ul>
<li></li>
<li></li>
<li></li>
<div class="separator"></div>
<li></li>
<li></li>
<li></li>
<div class="separator"></div>
</ul>
但是现在我得到了动态内容，我不知道如何管理它。这不是一个有效的HTML，浏览器不会这样呈现它。您不能将
$（函数（）{
$（“li:nth child（3n）”）。在（“”之后；
});
.separator{
背景：#共因失效；
填充：1px；
列表样式：无；
}
- 项目1
- 项目2
- 项目3
- 项目4
- 项目5
- 项目6
- 项目7
- 项目8
- 项目9
- 项目10
这不是有效的HTML，浏览器不会将其呈现为有效的HTML。您不能将
作为
的直接子级不可能。您可以尝试改用
我会使用这个小脚本在每三个孩子之后添加一个新的
：
$（函数（）{
$（“li:nth child（3n）”）。在（“”之后；
});
.separator{
背景：#共因失效；
填充：1px；
列表样式：无；
}
- 项目1
- 项目2
- 项目3
- 项目4
- 项目5
- 项目6
- 项目7
- 项目8
- 项目9
- 项目10
您只需使用：第n个子项
-CSS选择器：
li:n子对象（3n）{
/*替换为任何样式的分离器*/
边框底部：1px实心#999；
}
- 一,
- 二,
- 三,
- 四,
- 五,
- 六,
您只需使用：第n个子项
-CSS选择器：
li:n子对象（3n）{
/*替换为任何样式的分离器*/
边框底部：1px实心#999；
}
- 一,
- 二,
- 三,
- 四,
- 五,
- 六,
这不是有效的HTML，浏览器不会将其呈现为有效的HTML。您不能将
作为
的直接子级。不可能。您可以尝试改用
。它能工作吗？好的，但我仍然不能创建一个，因为它的动态刷新了我的评论，我也添加了另一个选项。我还编辑了为什么它不能工作（或者至少我不知道如何使它工作）。这只是一个格式问题。你可以完全跳过这个类，使用CSS：nth-of-type（）
selector:这不是有效的HTML，浏览器不会将其呈现为有效的HTML。您不能将
作为
的直接子级。不可能。您可以尝试改用
。它能工作吗？好的，但我仍然不能创建一个，因为它的动态刷新了我的评论，我也添加了另一个选项。我还编辑了为什么它不能工作（或者至少我不知道如何使它工作）这只是一个格式问题，你可以完全跳过这个类，使用CSS：nth-of-type（）
选择器：。。。或者干脆跳过类
，直接将相关格式添加到CSS文件中类型（3n）
的li:nth。@CD001是的，既然你在评论中告诉我了，我就没有添加它：）
@CD001但我真诚地相信，他需要添加一个元素，而不是CSS<代码>：）
只是我的想法。很公平，你可能是对的-回答很好，我的分数是+1；）有道理！谢谢，我现在正在试。我想我今天太累了。。这么简单的解决方案，我想不起来。。。。。。或者干脆跳过类
，直接将相关格式添加到CSS文件中类型（3n）li:nth。@CD001是的，既然你在评论中告诉我了，我就没有添加它：）
@CD001但我真诚地相信，他需要添加一个元素，而不是CSS<代码>：）：）