加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

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

发布时间:2020-12-14 16:37:23 所属栏目:资源 来源:网络整理
导读:我有这个带有多个 br的 HTML标签. brbrbrbrbrTITLEbrbrfoo barbrfoo bar... 我想最多只保留单休息和双休息(新行和新段落),我想忽略所有额外的 br.因此,最大2 br相继.所以, brbrbrbrbrTITLEbrbrfoo barbrfoo barbrbrbrfoo bar 会成为 brbrTITLEbrbrfoo barbrf
我有这个带有多个< 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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读