:blank - CSS（层叠样式表）

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

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

1. 没有子节点;

2. 仅有空的文本节点;

3. 仅有空白符的文本节点.

语法

该属性的语法尚未添加

样例

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;
}

结果

规范

Specification	Status	Comment
Selectors Level 4 :blank	Working Draft	Initial definition

浏览器兼容性

BCD tables only load in the browser

参考

:empty