css - 为实际的第一个 child 设计样式(不仅仅是第一个找到的 child )

Question

我想否定前导<br>在<p>标签，如果存在 - 和 :first-child不符合要求。有什么想法吗？

这<br>必须捕获。我不想在段落顶部有额外的空间:

<p>
<br/>
Some Text
</p>

但不是这个:

<p>
Some Text
<br/>
Some more text
</p>

不幸的是，这段代码捕获了两者:

p br:first-child {
   display: none;
}

我如何让它只捕获前导 <br>标签？ CSS3 很好。我不需要支持死马。

Answer 1

Unfortunately仅使用 css 是不可能的。 first-child没有考虑常规文本，但更糟糕的是，您的第一个示例与第二个示例一样，确实在 <br/> 之前有一个文本元素, 它只是空白。

如果您绝对必须在客户端执行此操作，我能想到的唯一方法是使用一些聪明的 javascript(jQuery 可能是最简单的)删除不需要的 br标签。