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

html – 使用CSS删除多个额外的break标记,第1张

概述我有这个带有多个< 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>的 HTML标签.
<br><br><br><br><br>Title<br><br>foo bar<br>foo bar...@H_419_3@  

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

<br><br><br><br><br>Title<br><br>foo bar<br>foo bar<br><br><br>foo bar@H_419_3@  

会成为

<br><br>Title<br><br>foo bar<br>foo bar<br><br>foo bar@H_419_3@  

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

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

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

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

CSS:

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

SEE DEMO

总结

以上是内存溢出为你收集整理的html – 使用CSS删除多个额外的break标记全部内容,希望文章能够帮你解决html – 使用CSS删除多个额外的break标记所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1134177.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-30
下一篇2022-05-30

发表评论

登录后才能评论

评论列表(0条)

    保存