:blank

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

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

1. 没有子节点;

2. 仅有空的文本节点;

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

语法

:blank

样例

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

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.

No compatibility data found. Please contribute data for "css.selectors.blank" (depth: 1) to the MDN compatibility data repository.

参考

• :empty