有没有办法用 :empty 伪类忽略空格？ [复制]

Question

我正在尝试通过 CSS 修复布局怪癖。我无法直接控制正在输出的当前标记。

问题是当我们有一个<fieldset> 时，我需要在它的底部添加一些边距——except 当字段集为空时——在这种情况下我不想要一个边距（因为我不希望一个空的字段集占用空间）。

理想情况下，我可以使用:empty 伪类。不幸的是，“空”字段集生成我们的标记的方式是这样的：

<fieldset> </fieldset>

它不再是空的，因为在开始标签和结束标签之间的标记中有一个空格。

有没有办法通过 CSS 来定位一个只有空格文本元素作为子节点的字段集？

Answer 1

您应该考虑使用:blank。

• :empty - 选择空的元素。
• :blank - 通电表格 的:empty，让您甚至可以选择空白。

我找到了一个article，它可能会帮助您更多地了解这两者。

注意：虽然:blank更强大，但并非所有浏览器都支持。