使用CSS删除额外的线路标签

我希望不显示/忽略所有 <br/>标记，其中存在一个 <br/>标记，并且在Web浏览器中显示的HTML页面只有一个标签。

我已经四处搜索，nth-child接近，但只需删除所有标签即可。使用简单的CSS，我如何在第二段和第三段之间保留一个<br/>标签，以及下面的第六和第七和第七和第七和第九段之间的单个<br/>标签？

<!DOCTYPE html>
<html>
<head>
<style> 
br:nth-child(1n+2) {
    display:none;
}
</style>
</head>
<body>
<p>The first paragraph.</p>
<p>The second paragraph.</p>
<br/>
<br/>
<br/>
<br/>
<p>The third paragraph.</p>
<p>The fourth paragraph.</p>
<p>The fifth paragraph.</p>
<p>The sixth paragraph.</p>
<br/>
<p>The seventh paragraph.</p>
<p>The eight paragraph.</p>
<br/>
<p>The ninth paragraph.</p>
</body>
</html>

您可以使用br + br，检查下面的更新片段

br + br {
    display: none;
}

<p>The first paragraph.</p>
<p>The second paragraph.</p>
<br/>
<br/>
<br/>
<br/>
<p>The third paragraph.</p>
<p>The fourth paragraph.</p>
<p>The fifth paragraph.</p>
<p>The sixth paragraph.</p>
<br/>
<p>The seventh paragraph.</p>
<p>The eight paragraph.</p>
<br/>
<p>The ninth paragraph.</p>

相关内容

最新更新

热门标签：