设计真实的第一个孩子（不仅仅是第一个孩子）

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标记。