html - 中间带有纯文本的相邻 CSS 选择器仍然匹配

Question

我有这样的文字:

Line 1
<br>
<br>
<br>
Line 2
<br>
<br>
<br>
<br>
Line 3

我无法控制 HTML，也不能使用 JavaScript(即我只能使用 CSS)，但我需要隐藏后续的连续换行符。

问题是这个选择器:

(parent selector) br+br {display:none}

隐藏第 2 行和第 3 行之间的所有换行符 - 相邻的选择器似乎并不关心元素中未包含的任何文本。

我是不是运气不好，或者当元素之间有纯文本时，是否有某种方法可以打破相邻的选择器？

Answer 1

如果您知道 br 标签的数量是一致的，您可以隐藏所有换行符，并且只显示特定的而不是试图隐藏特定的。关键是选择一些东西比选择很多东西更容易

br {
  display: none;
}
br:nth-child(4n) {
  display: initial;
}

不过，这要求行与行之间的中断次数保持一致。不幸的是，无法在 CSS 中选择纯文本。