:blank

Experimental: 这是一个实验中的功能
此功能某些浏览器尚在开发中，请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订，所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

:blank CSS 伪类选择器用于匹配如下节点

没有子节点;
仅有空的文本节点;
仅有空白符的文本节点。

语法

Error: could not find syntax for this item

样例

HTML

<div> </div>

CSS

:root {
  overflow: hidden;
  max-width: 100vw;
  max-height: 100vh;
}

div {
  background-color: #ccc;
  box-sizing: border-box;
  height: 100vh;
  min-height: 16px;
  min-height: 1rem;
}

:-moz-only-whitespace {
  border-color: lime;
}

div {
  border: 4px solid red;
}

:blank {
  border-color: lime;
}

结果

规范

在 Selectors Level 4 中被简要地定义为 :blank，但其功能随后被并入 :empty，而 :blank 则被重新定义为空的 <input>。

浏览器兼容性

BCD tables only load in the browser

参考

:empty