html – 使用CSS删除多个额外的break标记

前端之家收集整理的这篇文章主要介绍了html – 使用CSS删除多个额外的break标记前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这个带有多个< br>的 HTML标签.
<br>
<br>
<br>
<br>
<br>
TITLE
<br>
<br>
foo bar
<br>
foo bar
...

我想最多只保留单休息和双休息(新行和新段落),我想忽略所有额外的< br>.因此,最大2< br>相继.所以,

<br><br><br><br><br>TITLE<br><br>foo bar<br>foo bar<br><br><br>foo bar

会成为

<br><br>TITLE<br><br>foo bar<br>foo bar<br><br>foo bar

我怎么能用CSS做到这一点?

我想选择所有< br>具有至少2个前一个< br>的元素兄弟姐妹

编辑:对于更多的上下文,HTML是在外部网站上,我尝试用firefox / Stylish改进阅读,所以只有CSS

解决方法

通过使用:nth-​​child选择器,您可以轻松实现它.

CSS:

br:nth-child(3n + 3) { display: none; }​

SEE DEMO

猜你在找的HTML相关文章