css - 有没有办法用 :empty pseudo class? 忽略空白

标签 css css-selectors pseudo-class

<分区>

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

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

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

<fieldset> </fieldset>

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

有什么方法可以通过 CSS 将只有一个空格文本元素的字段集作为子节点?

最佳答案

你应该考虑使用:blank

  • :empty - 选择空元素。
  • :blank - 增强形式 :empty,让您甚至可以选择空白。

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

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

关于css - 有没有办法用 :empty pseudo class? 忽略空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55254411/

相关文章:

javascript - 当从 FF 下的 javascript 设置普通类时,CSS 伪类将不起作用

css - float 的 div 有一个边距,打破了流动

html - CSS: margin-right 和父元素

html - 为什么固定灯箱会附加到页面顶部而不是视口(viewport)顶部?

css - 为什么这个 CSS ID 选择器包含元素类型?

html - 删除边距响应缩略图网格

html - Opera 和我没有正确处理 css 伪类

javascript - 保存 html 页面 + 更改所有链接以指向正确的位置

css: 许多兄弟选择器在同一行

css - 如何选择具有给定类名的第一个、第二个或第三个元素?