html - 使用 CSS 删除多个额外的 break 标签

标签 html css layout

我有这个带有多个 <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> 的元素 sibling

编辑:对于更多上下文,HTML 在外部网站上,我尝试使用 firefox/stylish 提高阅读能力,所以只使用 CSS

最佳答案

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

CSS:

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

SEE DEMO

关于html - 使用 CSS 删除多个额外的 break 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12294836/

相关文章:

javascript - 根据时区 (GMT + 8) 设置 javascript Fullcalendar 插件

html - 悬停 CSS 中的类

javascript - bootstrap popover 的顶部在 div 中被切断

css - 两列左侧布局无法正常工作

android - 在 RelativeLayout 上设置边距在 Kindle Fire 上不起作用

html - 如何正确放置正方形?

javascript - 如何使用 node.js 和 socket.io 通过 WebSockets 流式传输 MP3 数据?

html - 如何连接两个div之间的水平/垂直线?

javascript - Image Sprites 看起来起伏不定/生涩

html - 我如何在 CSS 中执行 "min-height: height of content; height: relative to viewport;"?