html - 从段落中选择 n+4 个跨度
问题描述
如何选择多个段落标签中的 n+4 个跨度标签。例如,我可能有 4 个段落,其中的句子包含在标签中,我只想显示 4 个段落中跨度的前三个标签,因此每个段落可能每个有两个句子,我需要隐藏其余的跨度标签从第二段的第四句开始。目前它只从段落中选择,而不仅仅是它自己的跨度jsfiddle
<div>
<p>
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span><span> Aliquid sapiente possimus voluptas ad nostrum similique, dolor, vero, culpa eum tenetur ullam amet at sequi.</span>
</p>
<p>
<span>Modi quidem culpa, cum alias rem.</span><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span><span> Aliquid sapiente possimus voluptas ad nostrum similique, dolor, vero, culpa eum tenetur ullam amet at sequi.</span>
</p>
<p>
<span>Modi quidem culpa, cum alias rem.</span>
</p>
<p>
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span><span> Aliquid sapiente possimus voluptas ad nostrum similique, dolor, vero, culpa eum tenetur ullam amet at sequi.</span> <span>Modi quidem culpa, cum alias rem.</span><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span><span> Aliquid sapiente possimus voluptas ad nostrum similique, dolor, vero, culpa eum tenetur ullam amet at sequi.</span> <span>Modi quidem culpa, cum alias rem.</span>
</p>
</div>
div {
span:nth-child(n + 4) {
display: none;
}
}