使用CSS捕获指定的类及其后的许多行

Question

我正在尝试编写CSS代码段来隐藏网站上的广告。问题是我需要隐藏的内容是带有class标签的div之后的一行，并且与页面上其他有用的内容完全相同。是否有可能使用CSS抓取div，并在其后加一行？现在我才刚开始

id

Answer 1

在没有看到HTML示例的情况下很难给出确切的答案，但是以下内容可以使您朝正确的方向前进。

::first-line伪元素选择器选择块元素的第一行。将此功能与adjacent sibling combinator结合使用将选择下一个块元素的第一行。

.ad-indicator,
.ad-indicator+ ::first-line {
  color: red;
}

.ad-indicator {
  background-color: #CCC;
}

<div>Something Random</div>
<div class="ad-indicator">
  Our Target
  <p>With Some additional content</p>
</div>
<div>
  Something else <br> With Multiple lines.
</div>

您可能需要根据HTML结构进行调整。