这是一个实验中的功能
此功能某些浏览器尚在开发中，请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订，所以在未来版本的浏览器中该功能的语法和行为可能随之改变。
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 |
浏览器兼容性
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.
Update compatibility data on GitHub
| Desktop | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
:blank | Chrome No support No | Edge No support No | Firefox No support No | IE No support No | Opera No support No | Safari No support No | WebView Android No support No | Chrome Android No support No | Edge Mobile No support No | Firefox Android No support No | Opera Android No support No | Safari iOS No support No | Samsung Internet Android No support No |
Legend
- No support
- No support
- Experimental. Expect behavior to change in the future.
- Experimental. Expect behavior to change in the future.